Disabled item

1import {
2  Accordion,
3  AccordionContent,
4  AccordionItem,
5  AccordionTrigger,
6} from '@/components/ui/accordion'
7 
8export function Accordion10() {
9  return (
10    <Accordion className="w-full max-w-md">
11      <AccordionItem value="item-1">
12        <AccordionTrigger>Personal information</AccordionTrigger>
13        <AccordionContent className="text-muted-foreground">
14          Your name, email, and contact details.
15        </AccordionContent>
16      </AccordionItem>
17      <AccordionItem value="item-2">
18        <AccordionTrigger disabled>
19          Payout settings (verify email first)
20        </AccordionTrigger>
21        <AccordionContent className="text-muted-foreground">
22          Add a bank account to receive payouts.
23        </AccordionContent>
24      </AccordionItem>
25      <AccordionItem value="item-3">
26        <AccordionTrigger>Preferences</AccordionTrigger>
27        <AccordionContent className="text-muted-foreground">
28          Language, theme, and notification defaults.
29        </AccordionContent>
30      </AccordionItem>
31    </Accordion>
32  )
33}