website refactor

apps/website/components/races/PenaltyFAB.tsx

@@ -0,0 +1,31 @@
+
+
+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>
+  );
+}