{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"skeleton-de-carregamento","type":"registry:component","title":"Skeleton de carregamento","description":"Esqueleto de card e de lista com avatares.","author":"UI Catalog <https://ui.codehall.io>","dependencies":[],"registryDependencies":["card","skeleton"],"files":[{"path":"components/skeleton-de-carregamento.tsx","type":"registry:component","content":"'use client'\n\nimport { Card, CardContent, CardHeader } from '@/components/ui/card'\nimport { Skeleton } from '@/components/ui/skeleton'\n\nexport default function SkeletonLoading() {\n  return (\n    <div className=\"grid w-full max-w-2xl gap-4 sm:grid-cols-[1fr_1.2fr]\">\n      <Card>\n        <CardHeader>\n          <Skeleton className=\"h-4 w-24\" />\n          <Skeleton className=\"h-7 w-32\" />\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          <Skeleton className=\"h-24 w-full\" />\n          <div className=\"flex gap-2\">\n            <Skeleton className=\"h-8 w-20\" />\n            <Skeleton className=\"h-8 w-20\" />\n          </div>\n        </CardContent>\n      </Card>\n      <div className=\"space-y-3 rounded-xl border bg-card p-4\">\n        {[0, 1, 2, 3].map((i) => (\n          <div key={i} className=\"flex items-center gap-3\">\n            <Skeleton className=\"size-9 rounded-full\" />\n            <div className=\"flex-1 space-y-1.5\">\n              <Skeleton className=\"h-3.5 w-2/3\" />\n              <Skeleton className=\"h-3 w-1/3\" />\n            </div>\n            <Skeleton className=\"h-5 w-14 rounded-full\" />\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n"}]}