📦 EqualifyEverything / equalify-dashboard

📄 loading-report.tsx · 17 lines
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17import { Skeleton } from '~/components/skeleton/skeleton';

const LoadingReport = () => (
  <article className="rounded-lg flex flex-col gap-6 bg-white p-4 shadow">
    <Skeleton className="h-6 w-3/4" />
    <div className="mt-2 flex items-end justify-between">
      <div className="space-y-2 w-full">
        <Skeleton className="h-4 w-3/4" />
        <Skeleton className="h-4 w-1/2" />
      </div>
      <Skeleton className="h-9 w-24" />
    </div>
  </article>
);

export default LoadingReport;