import {
Accordion,
AccordionItem,
AccordionType,
AccordionChevronPosition,
} from '../../../Accordion'
import { Info, Settings, User } from 'lucide-react'
const AccordionLightHouse = () => {
return (
<>
{/* Single Accordion - No Border */}
Content for item 1
Content for item 2
Content for item 3
{/* Single Accordion - Border */}
Content for item 1
Content for item 2
Content for item 3
{/* Multiple Accordion - No Border */}
Content for item 1
Content for item 2
Content for item 3
{/* Multiple Accordion - Border */}
Content for item 1
Content for item 2
Content for item 3
{/* With Default Value - Single */}
Content for item 1
Content for item 2
Content for item 3
{/* With Default Value - Multiple */}
Content for item 1
Content for item 2
Content for item 3
{/* With Subtext */}
Content for item 1
Content for item 2
{/* With Left Slot */}
}
>
Content for item 1
}
>
Content for item 2
{/* With Right Slot */}
}
>
Content for item 1
}
>
Content for item 2
{/* With Subtext Slot */}
Custom subtext slot}
>
Content for item 1
Another custom subtext}
>
Content for item 2
{/* With All Slots */}
}
rightSlot={}
subtextSlot={Custom subtext slot}
>
Content for item 1
{/* Chevron Position Left */}
Content for item 1
Content for item 2
{/* Chevron Position Right */}
Content for item 1
Content for item 2
{/* Disabled Item */}
Content for item 1
Content for item 2
Content for item 3
{/* All Disabled */}
Content for item 1
Content for item 2
{/* Single Item */}
Content for single item
{/* Border Type Single Item */}
Content for single item
{/* Complex Content */}
}
>
Section Title
This is a paragraph with detailed information.
List item 1
List item 2
List item 3
{/* With onChange Handler */}
{
console.log('Accordion value changed:', value)
}}
>
Content for item 1
Content for item 2
{/* Multiple with onChange Handler */}
{
console.log('Multiple accordion value changed:', value)
}}
>
Content for item 1
Content for item 2
Content for item 3
)
}
export default AccordionLightHouse