Table Left Chevron Accordion

import {  Accordion17,  Accordion17Content,  Accordion17Item,  Accordion17Trigger,} from '@/components/ui/shadcn-io/accordion-17';const items = [  {    id: '1',    title: 'What makes shadcn.io different?',    content:      'shadcn.io focuses on developer experience and performance. Built with TypeScript, it offers excellent type safety, follows accessibility standards, and provides comprehensive documentation with regular updates.',  },  {    id: '2',    title: 'How can I customize the components?',    content:      'Use our CSS variables for global styling, or className and style props for component-specific changes. We support CSS modules, Tailwind, and dark mode out of the box.',  },  {    id: '3',    title: 'Is shadcn.io optimized for performance?',    content:      'Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.',  },  {    id: '4',    title: 'How accessible are the components?',    content:      'All components follow WAI-ARIA standards, featuring proper ARIA attributes, keyboard navigation, and screen reader support. Regular testing ensures compatibility with NVDA, VoiceOver, and JAWS.',  },];export default function Component() {  return (    <div className="mx-auto max-w-2xl">      <Accordion17 type="single" collapsible defaultValue="3">        {items.map((item) => (          <Accordion17Item value={item.id} key={item.id}>            <Accordion17Trigger>{item.title}</Accordion17Trigger>            <Accordion17Content>{item.content}</Accordion17Content>          </Accordion17Item>        ))}      </Accordion17>    </div>  );}