mirror of
https://github.com/skidoodle/budgetable.git
synced 2025-02-15 03:39:14 +01:00
18 lines
393 B
TypeScript
18 lines
393 B
TypeScript
import { Badge } from "@/components/ui/badge";
|
|
|
|
interface StatusBadgeProps {
|
|
status: "Paid" | "Unpaid";
|
|
toggleStatus: () => void;
|
|
}
|
|
|
|
const StatusBadge: React.FC<StatusBadgeProps> = ({ status, toggleStatus }) => (
|
|
<Badge
|
|
variant={status === "Paid" ? "destructive" : "secondary"}
|
|
className="cursor-pointer"
|
|
onClick={toggleStatus}
|
|
>
|
|
{status}
|
|
</Badge>
|
|
);
|
|
|
|
export default StatusBadge;
|