"use client";

import { Skeleton } from "@heroui/react";

/**
 * Description section skeleton: a few lines to match approximate description height.
 * Used as Suspense fallback if description is ever loaded asynchronously.
 */
export function ProductDetailDescriptionSkeleton() {
  return (
    <section
      aria-label="Product description (loading)"
      className="flex flex-col gap-3 py-6 md:py-8"
    >
      <Skeleton className="h-4 w-full max-w-2xl rounded" />
      <Skeleton className="h-4 w-full max-w-2xl rounded" />
      <Skeleton className="h-4 w-4/5 max-w-xl rounded" />
      <Skeleton className="h-4 w-full max-w-2xl rounded" />
    </section>
  );
}
