import { Story, Meta } from '@storybook/blocks';
import * as ColorsStories from './colors.stories';
import '../styles/shared.css';

<Meta title="Design Tokens/Couleurs" />


<div className="header">
  <h1>Couleurs</h1>
  <p>Les couleurs disponibles dans notre Design System.</p>
</div>

<Story of={ColorsStories.Theme} />

<Story of={ColorsStories.ColorIntegration} />

<Story of={ColorsStories.mainColors}/>

<Story of={ColorsStories.BackgroundSection}/>

<Story of={ColorsStories.BorderSection}/>

<Story of={ColorsStories.OverlaySection}/>

<Story of={ColorsStories.InteractionSection}/>

<Story of={ColorsStories.DisabledSection}/>

<Story of={ColorsStories.FeedbackSection}/>