import { Canvas, Controls, Meta } from '@storybook/blocks'
import { ResourceLinks, KAIOInstallation, RemovalNotice } from '~storybook/components'
import * as InformationTileStories from './InformationTile.stories'

<Meta of={InformationTileStories} />

# InformationTile

<RemovalNotice />

<ResourceLinks
  sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Tile/InformationTile"
  figma="https://www.figma.com/file/ZRfnoNUXbGZv4eVWLbF4Az/%EF%B8%8F%F0%9F%96%BC%EF%B8%8F-Component-Gallery?node-id=9%3A37846&t=QliptwSIGF2YVAnx-1"
  designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3079077889/Tile#InformationTile%3A"

/>

<KAIOInstallation exportNames="InformationTile" />

## Overview

A visually interesting item in a list consisting of a card, visual, title, metadata, and a footer, that can also include extra information on the backside.

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

## API

### Variants

<Canvas of={InformationTileStories.Variants} />

### Information

<Canvas of={InformationTileStories.Information} />

### Information Button Label

<Canvas of={InformationTileStories.TileWithCustomInfoLabel} />