type Props = {
  label: string;
  value: number | string;
};

export default function SummaryCard({ label, value }: Props) {
  return (
    <div className="rounded-lg border bg-white p-5">
      <p className="text-sm text-slate-500">{label}</p>
      <p className="mt-2 text-3xl font-semibold text-slate-950">{value}</p>
    </div>
  );
}