wip

apps/website/components/leagues/PenaltyFAB.tsx

@@ -0,0 +1,23 @@
+'use client';
+
+import { Plus } from 'lucide-react';
+import Button from '../ui/Button';
+
+interface PenaltyFABProps {
+  onClick: () => void;
+}
+
+export default function PenaltyFAB({ onClick }: PenaltyFABProps) {
+  return (
+    <div className="fixed bottom-6 right-6 z-50">
+      <Button
+        variant="primary"
+        className="w-14 h-14 rounded-full shadow-lg"
+        onClick={onClick}
+        title="Add Penalty"
+      >
+        <Plus className="w-6 h-6" />
+      </Button>
+    </div>
+  );
+}