Skeleton loader for a card component.

<script setup lang="ts">
import { Card, CardContent, CardHeader } from "@/components/ui/card"
import { Skeleton } from "@/components/ui/skeleton"
</script>

<template>
  <Card class="w-full max-w-xs">
    <CardHeader class="gap-2">
      <Skeleton class="h-4 w-2/3" />
      <Skeleton class="h-4 w-1/2" />
    </CardHeader>
    <CardContent>
      <Skeleton class="aspect-video w-full rounded-md" />
    </CardContent>
  </Card>
</template>