StatsCard

import { StatsCard } from "@/components/ui/stats-card"
import { DollarSign, Users, Truck } from "lucide-react"

export default function Dashboard() {
  return (
    <div className="grid grid-cols-3 gap-4">
      <StatsCard
        label="ARR Revenue"
        value="$48,291,040"
        trend={{ value: "+14.2% QoQ", direction: "up" }}
        icon={<DollarSign className="w-4 h-4" />}
      />
      <StatsCard
        label="Operating Costs"
        value="$12,408,550"
        trend={{ value: "-2.1% Cost reduction", direction: "down" }}
      />
      <StatsCard
        label="Server Load"
        value="41.2%"
        trend={{ value: "Autoscaling healthy", direction: "neutral" }}
      />
    </div>
  )
}