Skeleton

import { Skeleton } from "@/components/ui";

1<div className="space-y-4">
2  <Skeleton width={200} height={20} />
3  <Skeleton width={100} height={100} rounded />
4  <Skeleton width="100%" height={150} />
5</div>

1<Card>
2  <CardContent className="space-y-4 pt-6">
3    <div className="flex items-center gap-4">
4      <Skeleton width={48} height={48} rounded />
5      <div className="space-y-2">
6        <Skeleton width={150} height={16} />
7        <Skeleton width={100} height={12} />
8      </div>
9    </div>
10    <Skeleton width="100%" height={60} />
11    <div className="flex gap-2">
12      <Skeleton width={80} height={32} />
13      <Skeleton width={80} height={32} />
14    </div>
15  </CardContent>
16</Card>

1<Skeleton width={200} height={20} animate={false} />