import { Meta, ColorPalette, ColorItem } from '@storybook/blocks';

<Meta title="Colors" />

<ColorPalette>
  <ColorItem
    title="Primary"
    colors={{
      'primary': '#f06c00',
    }}
  />
  <ColorItem
    title="Primary Light"
    colors={{
      'primary-light': '#ffa02e',
      'primary-light-darker': '#fa8800',
    }}
  />
  <ColorItem
    title="Secondary"
    colors={{
      'secondary': '#404040',
    }}
  />
  <ColorItem
    title="Tertiary"
    colors={{
      'tertiary': '#3f7b96',
    }}
  />
  <ColorItem
    title="Quaternary"
    colors={{
      'quaternary': '#efefef',
    }}
  />
  <ColorItem
    title="Neutral Flat"
    subtitle="Gray"
    colors={{
      'neutral-flat': '#ececec',
      'neutral-flat-darker': '#d3d3d3',
    }}
  />
  <ColorItem
    title="Neutral Flat Dark"
    subtitle="Dark Gray"
    colors={{
      'neutral-flat-dark': '#d5d5d5',
      'neutral-flat-dark-darker': '#aca7a7',
    }}
  />
  <ColorItem
    title="Neutral Tinted"
    subtitle="Platinum"
    colors={{
      'neutral-tinted': '#e5e0e0',
      'neutral-tinted-darker': '#c3c3c3',
      'neutral-tinted-darkest': '#b7b3b0',
    }}
  />
</ColorPalette>
