import React from 'react';
import { cn } from '../../utils/classNames';

/** A muted, pulsing placeholder block for loading states. */
const Skeleton: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({ className, ...props }) => (
  <div
    aria-hidden="true"
    className={cn('animate-pulse rounded-md bg-app-surface-muted', className)}
    {...props}
  />
);

export default Skeleton;
