Skeleton

Placeholder pulsante em bg-04 para estados de carregamento.

tsx

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

<div className="flex items-center gap-4">
  <Skeleton className="h-12 w-12 rounded-full" />
  <div className="flex flex-1 flex-col gap-2">
    <Skeleton className="h-4 w-3/4" />
    <Skeleton className="h-4 w-1/2" />
  </div>
</div>