import { Meta, ColorPalette, ColorItem } from '@storybook/blocks';
import { CopyButton } from '../src/lib/components/buttonv2/CopyButton.component.tsx';
import { coreUIAvailableThemes } from '../src/lib/style/theme';

<Meta title="Style/Colors" />

# Colors

## A-Dark

<ColorPalette>
  {
    Object.entries(coreUIAvailableThemes.darkRebrand).map(([key, value]) => {
    if (!/RGB/.test(key)) return <ColorItem title={key} colors={[value]}/>;
    })

}

</ColorPalette>

## A-Light

<ColorPalette>
  {
    Object.entries(coreUIAvailableThemes.artescaLight).map(([key, value]) => {
    if (!/RGB/.test(key)) return <ColorItem title={key} colors={[value]}/>;
    })

}

</ColorPalette>

## R-Dark

<ColorPalette>
  {
    Object.entries(coreUIAvailableThemes.ring9dark).map(([key, value]) => {
    if (!/RGB/.test(key)) return <ColorItem title={key} colors={[value]}/>;
    })

}

</ColorPalette>

## G-Dark

<ColorPalette>
  {
    Object.entries(coreUIAvailableThemes['G-Dark']).map(([key, value]) => {
    if (!/RGB/.test(key)) return <ColorItem title={key} colors={[value]}/>;
    })

}

</ColorPalette>
