kreirane komponente

app/ui/BillBadge.tsx

@@ -0,0 +1,10 @@
+import { FC } from "react"
+import { Bill } from "../lib/db-types"
+
+export interface BillBadgeProps {
+    bill: Bill,
+    // onClick:()=>void,
+};
+
+export const BillBadge:FC<BillBadgeProps> = ({bill: { name, paid }}) =>
+    <div className={`badge badge-lg badge-${paid?"success":"neutral"} cursor-pointer`}>{name}</div>