import { SectionCard } from '@overdeck/deck-ui'
import { Skeleton } from '@platform-modules/ui-primitives/Skeleton'
import type { JSX } from 'react'

export function DeckPageSkeleton(): JSX.Element {
  return (
    <div className="flex flex-col gap-3.5" data-deck-page-skeleton>
      <SectionCard title="Loading">
        <div className="flex flex-col gap-3">
          <Skeleton variant="text" className="w-2/5" />
          <Skeleton variant="block" className="h-24" />
          <Skeleton variant="block" className="h-24" />
        </div>
      </SectionCard>
    </div>
  )
}
