26 lines
651 B
TypeScript
26 lines
651 B
TypeScript
import cardController from "@/app/[lang]/dashboard/controller/card.controller";
|
|
|
|
export function Card({
|
|
title,
|
|
value,
|
|
type,
|
|
}: {
|
|
title: string;
|
|
value: number | string;
|
|
type: "invoices" | "customers" | "pending" | "collected";
|
|
}) {
|
|
const { Icon } = cardController({ type });
|
|
|
|
return (
|
|
<div className="rounded-xl bg-gray-50 p-2 shadow-sm">
|
|
<div className="flex p-4">
|
|
{Icon ? <Icon className="h-5 w-5 text-gray-700" /> : null}
|
|
<h3 className="ml-2 text-sm font-medium">{title}</h3>
|
|
</div>
|
|
<p className="rounded-xl bg-white px-4 py-8 text-center text-2xl">
|
|
{value}
|
|
</p>
|
|
</div>
|
|
);
|
|
}
|