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

<template>
  <div
    class="ws-gradient-border flex h-[446px] flex-col items-center justify-center gap-6 w-full"
  >
    <div class="w-[60%] justify-items-center">
      <Skeleton class="h-[90px] w-[90px] rounded-full" />
      <Skeleton class="my-2 h-[25px] w-[100%]" />
      <Skeleton class="my-2 h-[25px] w-[100%]" />
    </div>
    <Skeleton class="rounded-ws-rounded mx-10 h-[50%] w-[90%]" />
  </div>
</template>
