mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-03-30 14:24:55 -05:00
29 lines
526 B
TypeScript
29 lines
526 B
TypeScript
import { Button } from "@chakra-ui/button";
|
|
|
|
export function PlusVotingButton({
|
|
number,
|
|
onClick,
|
|
disabled,
|
|
isSmall,
|
|
}: {
|
|
number: number;
|
|
onClick: () => void;
|
|
disabled?: boolean;
|
|
isSmall?: boolean;
|
|
}) {
|
|
return (
|
|
<Button
|
|
borderRadius="50%"
|
|
height={isSmall ? 10 : 12}
|
|
width={isSmall ? 10 : 12}
|
|
variant="outline"
|
|
colorScheme={number < 0 ? "red" : "theme"}
|
|
onClick={onClick}
|
|
disabled={disabled}
|
|
>
|
|
{number > 0 ? "+" : ""}
|
|
{number}
|
|
</Button>
|
|
);
|
|
}
|