## Accordion

Usage example:

```typescript jsx
import { 
    VStack,
    Skeleton,
    Accordion, 
    DisclousureItem
} from '@project-1114/ui-kit'

 const disclosureItems: DisclousureItem[] = [
    {
        title: 'The rule #1', 
        description: (
            <Text>Sometnhing very looooooooooooooooong </Text>
        ),
    },
    {
        title: 'The rule #2 [main rule]', 
        description: (
            <VStack gap='s' max>
                <Skeleton width={150} height={40}/>
                <Skeleton width={250} height={30}/>
                <Skeleton width={250} height={30}/>
                <Skeleton width={250} height={250}/>
                <Skeleton width={250} height={30}/>
            </VStack>
        ),
    },
    {
        title: 'Try to open me ))', 
        description: (
            <Text>Text inside disabled tab</Text>
        ),
        disabled: true
    },
];

export function App(){
    return (
        <Accordion
            items={disclosureItems}
            maxWidth="300px"
        />
    )
}

```