## Window

Usage example:

```typescript jsx
import { 
    Window,
    Text,
    VStack,
    Skeleton,
    SidebarItemType
} from '@project-1114/ui-kit'

 const sidebarItems: SidebarItemType[] = [
    { description: <Text size="xl">Link1</Text>, onClick: () => console.log('Click on item 1') },
    { description: <Text size="xl">Link2</Text>, onClick: () => console.log('Click on item 2') },
    { description: <Text size="xl">Link3</Text>, onClick: () => console.log('Click on item 3') },
]

export function App(){
    const [openWindow, setWindowIsOpen] = useState(false);
    const onShowWindow = () => {
        setWindowIsOpen(true);
    }
    const onCloseWindow = () => {
        setWindowIsOpen(false);
    }

    return (
        <Window 
            isOpen={openWindow}
            onClose={onCloseWindow}
            content={
            <VStack gap="m">
                <HStack justify="center" max><Skeleton width={100} height={100} border="50%"/></HStack>
                <Skeleton width={300} height={35} />
                <Skeleton width={400} height={35} />
                <Skeleton width={350} height={35} />
                <Skeleton width={200} height={35} />
            </VStack>
            }
            lazy
            sidebar={sidebarItems}
            fullscreen
            portalElement={document.getElementById('root') ?? document.body} 
        />
    )
}

```