type Props = {
  title: string
  value: string | number
}

export default function DashboardCard({
  title,
  value,
}: Props) {
  return (
    <div className="bg-white rounded-3xl p-7 border shadow-sm hover:shadow-md transition">
      <p className="text-gray-500 text-sm">
        {title}
      </p>

      <h3 className="text-4xl font-bold mt-3 tracking-tight">
        {value}
      </h3>
    </div>
  )
}