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>