// @design-system: feedback/Skeleton
import { Skeleton } from './Skeleton';
import { TableSkeleton } from './TableSkeleton';

export function PromoCodesListSkeleton() {
  return (
    <div aria-hidden="true" role="presentation" className="space-y-6 px-4 py-6">
      <div className="flex justify-end">
        <Skeleton className="h-10 w-32 rounded-md" />
      </div>
      <div className="border-border-default rounded-lg border p-4">
        <TableSkeleton rows={5} cols={7} />
      </div>
      <div className="flex justify-center">
        <Skeleton className="h-9 w-40 rounded-md" />
      </div>
    </div>
  );
}