// shadcn Skeleton — pulsing placeholder block for loading states.

import type { HTMLAttributes, ReactNode } from 'react'
import { cn } from '../cn'

export const Skeleton = ({ className, ...props }: HTMLAttributes<HTMLDivElement>): ReactNode => (
  <div
    data-slot="skeleton"
    className={cn('animate-pulse rounded-md bg-muted', className)}
    {...props}
  />
)
