mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-05-13 22:42:38 -05:00
35 lines
618 B
TypeScript
35 lines
618 B
TypeScript
import React from "react"
|
|
import { Box } from "@chakra-ui/core"
|
|
import { FaMicrophone } from "react-icons/fa"
|
|
|
|
interface VCIconProps {
|
|
canVC: "YES" | "USUALLY" | "SOMETIMES" | "NO"
|
|
}
|
|
|
|
const color = {
|
|
YES: "green.500",
|
|
USUALLY: "yellow.500",
|
|
SOMETIMES: "yellow.500",
|
|
NO: "red.500",
|
|
}
|
|
|
|
const title = {
|
|
YES: "Can VC",
|
|
USUALLY: "Can VC usually",
|
|
SOMETIMES: "Can VC sometimes",
|
|
NO: "Can't VC",
|
|
}
|
|
|
|
const VCIcon: React.FC<VCIconProps> = ({ canVC }) => (
|
|
<Box
|
|
as={FaMicrophone}
|
|
title={title[canVC]}
|
|
color={color[canVC]}
|
|
w="30px"
|
|
h="auto"
|
|
cursor="help"
|
|
/>
|
|
)
|
|
|
|
export default VCIcon
|