interface SkeletonProps {
  className?: string;
}

// Shared pulse-block primitive for loading placeholders — replaces the
// hand-rolled `animate-pulse` divs duplicated across PackagesSection,
// results/page.tsx, and the home page's search skeleton.
export function Skeleton({ className = '' }: SkeletonProps) {
  return <div className={`animate-pulse rounded-lg bg-gray-200 dark:bg-gray-700 ${className}`} />;
}
