import { Skeleton as XSkeleton } from '@repo/ui/components/ui/skeleton'

export function Skeleton() {
  return (
    <div className="lg:max-w-2xl mx-auto flex flex-col space-y-3">
      <div className="space-y-2">
        <XSkeleton className="h-4 w-2/6" />
        <XSkeleton className="h-4 w-4/6" />
        <XSkeleton className="h-4 w-5/6" />
        <XSkeleton className="h-4 w-6/6" />
        <XSkeleton className="h-4 w-6/6" />
        <XSkeleton className="h-4 w-3/6" />
        <XSkeleton className="h-4 w-5/6" />
        <XSkeleton className="h-4 w-4/6" />
        <XSkeleton className="h-4 w-4/6" />
      </div>
    </div>
  )
}