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

<Meta of={ContentStories} />

# Content

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

/>

<KAIOInstallation exportNames="Content" />

## Overview

Wraps your content at a **page level** in the standard minimum width and margins.

<Canvas of={ContentStories.Playground} />

## Use Case

Usually wrapped in a <LinkTo pageId="components-container">Container</LinkTo>

<Canvas of={ContentStories.Example} />