Skeleton loader for a form.

<script setup lang="ts">
import { Skeleton } from "@/components/ui/skeleton"
</script>

<template>
  <div class="mx-auto w-full max-w-xs">
    <!-- Skeleton pattern -->
    <div class="flex flex-col gap-6">
      <div class="flex flex-col gap-2">
        <Skeleton class="h-4 w-20" />
        <Skeleton class="h-10 w-full" />
      </div>
      <div class="flex flex-col gap-2">
        <Skeleton class="h-4 w-24" />
        <Skeleton class="h-10 w-full" />
      </div>
      <Skeleton class="h-10 w-28" />
    </div>
  </div>
</template>