import { Meta, ColorPalette, ColorItem } from '@storybook/blocks';
import * as radixColors from '@radix-ui/colors';
import * as alphaColors from '../lib/color/alpha';

<Meta title="Dark Alpha Color"/>
<h1>Dark Alpha Color</h1>
<ColorPalette>

<ColorItem title="slateDarkA" subtitle="slateDarkA" colors={alphaColors.slateDarkA} />
<ColorItem title="oliveDarkA" subtitle="oliveDarkA" colors={alphaColors.oliveDarkA} />

<ColorItem title="tomatoDarkA" subtitle="tomatoDarkA" colors={alphaColors.tomatoDarkA} />
<ColorItem title="redDarkA" subtitle="redDarkA" colors={alphaColors.redDarkA} />
<ColorItem title="rubyDarkA" subtitle="rubyDarkA" colors={alphaColors.rubyDarkA} />
<ColorItem title="crimsonDarkA" subtitle="crimsonDarkA" colors={alphaColors.crimsonDarkA} />
<ColorItem title="pinkDarkA" subtitle="pinkDarkA" colors={alphaColors.pinkDarkA} />

<ColorItem title="plumDarkA" subtitle="plumDarkA" colors={alphaColors.plumDarkA} />
<ColorItem title="purpleDarkA" subtitle="purpleDarkA" colors={alphaColors.purpleDarkA} />
<ColorItem title="violetDarkA" subtitle="violetDarkA" colors={alphaColors.violetDarkA} />
<ColorItem title="irisDarkA" subtitle="irisDarkA" colors={alphaColors.irisDarkA} />
<ColorItem title="indigoDarkA" subtitle="indigoDarkA" colors={alphaColors.indigoDarkA} />

<ColorItem title="blueDarkA" subtitle="blueDarkA" colors={alphaColors.blueDarkA} />
<ColorItem title="cyanDarkA" subtitle="cyanDarkA" colors={alphaColors.cyanDarkA} />
<ColorItem title="tealDarkA" subtitle="tealDarkA" colors={alphaColors.tealDarkA} />
<ColorItem title="jadeDarkA" subtitle="jadeDarkA" colors={alphaColors.jadeDarkA} />
<ColorItem title="greenDarkA" subtitle="greenDarkA" colors={alphaColors.greenDarkA} />

<ColorItem title="grassDarkA" subtitle="grassDarkA" colors={alphaColors.grassDarkA} />
<ColorItem title="brownDarkA" subtitle="brownDarkA" colors={alphaColors.brownDarkA} />
<ColorItem title="bronzeDarkA" subtitle="bronzeDarkA" colors={alphaColors.bronzeDarkA} />
<ColorItem title="goldDarkA" subtitle="goldDarkA" colors={alphaColors.goldDarkA} />
<ColorItem title="skyDarkA" subtitle="skyDarkA" colors={alphaColors.skyDarkA} />

<ColorItem title="mintDarkA" subtitle="mintDarkA" colors={alphaColors.mintDarkA} />
<ColorItem title="limeDarkA" subtitle="limeDarkA" colors={alphaColors.limeDarkA} />
<ColorItem title="yellowDarkA" subtitle="yellowDarkA" colors={alphaColors.yellowDarkA} />
<ColorItem title="amberDarkA" subtitle="amberDarkA" colors={alphaColors.amberDarkA} />
<ColorItem title="orangeDarkA" subtitle="orangeDarkA" colors={alphaColors.orangeDarkA} />

</ColorPalette>