Collapsible

import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/optics/collapsible";import { Button } from "@/components/optics/button";import { ChevronDown } from "lucide-react";<Collapsible  className="w-full max-w-md space-y-2">  <div className="flex items-center justify-between space-x-4 px-4">    <h4 className="text-sm font-semibold">      @agusmayol starred 3 repositories    </h4>    <CollapsibleTrigger render={<Button size="icon" variant="raised"><ChevronDown className="h-4 w-4" /><span className="sr-only">Toggle</span></Button>} />  </div>  <CollapsibleContent className="flex flex-col gap-4 px-4">    <div className="rounded-md border px-4 py-3 font-mono text-sm">      @base-ui/react    </div>    <div className="rounded-md border px-4 py-3 font-mono text-sm">      motion    </div>    <div className="rounded-md border px-4 py-3 font-mono text-sm">      lucide-react    </div>  </CollapsibleContent></Collapsible>