import { Canvas, Controls, Meta } from '@storybook/blocks'
import { ResourceLinks, KAIOInstallation } from '~storybook/components'
import { LinkTo } from '~storybook/components/LinkTo'
import * as ContainerStories from './Container.stories'

<Meta of={ContainerStories} />

# Container

<ResourceLinks
  sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Container"
  designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3086156812/Layout"

/>

<KAIOInstallation exportNames="Container" />

## Overview

Wraps your entire page.

<Canvas of={ContainerStories.Playground} />
<Controls of={ContainerStories.Playground} />

## Use Case

Usually wraps a <LinkTo pageId="components-content">Content</LinkTo> component.

<Canvas of={ContainerStories.Example} />