import { Stat } from '@moul-dev/ui';

import { Stat } from '@moul-dev/ui';

export default function Example() {
  return (
    <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
      <Stat
        label="Total Requests"
        value="15,820"
        trend="+12.3%"
        trendDirection="up"
        trendLabel="vs last month"
      />
      <Stat
        label="Errors"
        value="84"
        trend="-8.4%"
        trendDirection="down"
        trendLabel="vs yesterday"
      />
    </div>
  );
}