'use client';

import { CollapsibleSection } from './CollapsibleSection';

export function ProductDetailsSection() {
  return (
    <div className="mt-8 border-t pt-8">
      <CollapsibleSection title="Details" isOpen={true}>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in 
          eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum 
          nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id 
          rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
        </p>
      </CollapsibleSection>
      
      <CollapsibleSection title="Shipping" className="border-t">
        <p>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in 
          eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum 
          nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id 
          rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
        </p>
      </CollapsibleSection>
      
      <CollapsibleSection title="Returns" className="border-t">
        <p>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in 
          eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum 
          nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id 
          rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
        </p>
      </CollapsibleSection>
    </div>
  );
} 