TaNguyenThanhQuy
fd57a35820
Release package / release (push) Successful in 1h12m42s
Co-authored-by: Thanh Quy - wolf <524H0124@student.tdtu.edu.vn> Reviewed-on: #28 Reviewed-by: TakahashiNguyen <takahashi.ng@icloud.com> Co-authored-by: TaNguyenThanhQuy <tanguyenthanhquy@noreply.localhost> Co-committed-by: TaNguyenThanhQuy <tanguyenthanhquy@noreply.localhost>
21 lines
578 B
TypeScript
21 lines
578 B
TypeScript
import type { StatusBadgeProps } from "./Manager.types";
|
|
|
|
export default function StatusBadge({ available }: StatusBadgeProps) {
|
|
return (
|
|
<span
|
|
className={`inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium ${
|
|
available
|
|
? "bg-emerald-100 text-emerald-700"
|
|
: "bg-amber-100 text-amber-700"
|
|
}`}
|
|
>
|
|
<span
|
|
className={`h-1.5 w-1.5 rounded-full ${
|
|
available ? "bg-emerald-500" : "bg-amber-500"
|
|
}`}
|
|
/>
|
|
{available ? "Còn hàng" : "Tạm hết"}
|
|
</span>
|
|
);
|
|
}
|