import { Box } from '@/ui/Box';
import { Button } from '@/ui/Button';
import { Icon } from '@/ui/Icon';
import { Plus } from 'lucide-react';

interface PenaltyFABProps {
  onClick: () => void;
}

export function PenaltyFAB({ onClick }: PenaltyFABProps) {
  return (
    <Box position="fixed" bottom={6} right={6} zIndex={50}>
      <Button
        variant="primary"
        w="14"
        h="14"
        rounded="full"
        shadow="lg"
        onClick={onClick}
        title="Add Penalty"
        p={0}
        display="flex"
        center
      >
        <Icon icon={Plus} size={6} />
      </Button>
    </Box>
  );
}