Collapsible

import { Button } from "@/components/ui/button";
import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";

export function OrderDetails() {
  return (
    <Collapsible>
      <CollapsibleTrigger asChild>
        <Button variant="ghost">Show order details</Button>
      </CollapsibleTrigger>
      <CollapsibleContent>
        <p className="pt-2 text-sm">2 bags of gumdrops and a box of taffy.</p>
      </CollapsibleContent>
    </Collapsible>
  );
}