import { FC } from "react"
import { Bill } from "../lib/db-types"

export interface BillBadgeProps {
    bill: Bill
};

export const BillBadge:FC<BillBadgeProps> = ({bill: { name, paid }}) =>
    <div className={`badge badge-lg ${paid} ${paid?"badge-success":" badge-outline"} cursor-pointer`}>{name}</div>