import { Skeleton, FaqListSkeleton } from '@/components/ui/Skeleton';

// Route-level skeleton for the FAQ page: centered header + accordion rows.
export default function FaqLoading() {
  return (
    <div className="section-padding">
      <div className="container-page max-w-3xl">
        <div className="text-center mb-12">
          <Skeleton className="h-10 w-80 max-w-full mx-auto" />
          <Skeleton className="mt-4 h-4 w-96 max-w-full mx-auto" />
        </div>
        <FaqListSkeleton count={6} />
      </div>
    </div>
  );
}
