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

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

<ColorItem title="slateA" subtitle="slateA" colors={alphaColors.slateA} />
<ColorItem title="oliveA" subtitle="oliveA" colors={alphaColors.oliveA} />

<ColorItem title="tomatoA" subtitle="tomatoA" colors={alphaColors.tomatoA} />
<ColorItem title="redA" subtitle="redA" colors={alphaColors.redA} />
<ColorItem title="rubyA" subtitle="rubyA" colors={alphaColors.rubyA} />
<ColorItem title="crimsonA" subtitle="crimsonA" colors={alphaColors.crimsonA} />
<ColorItem title="pinkA" subtitle="pinkA" colors={alphaColors.pinkA} />

<ColorItem title="plumA" subtitle="plumA" colors={alphaColors.plumA} />
<ColorItem title="purpleA" subtitle="purpleA" colors={alphaColors.purpleA} />
<ColorItem title="violetA" subtitle="violetA" colors={alphaColors.violetA} />
<ColorItem title="irisA" subtitle="irisA" colors={alphaColors.irisA} />
<ColorItem title="indigoA" subtitle="indigoA" colors={alphaColors.indigoA} />

<ColorItem title="blueA" subtitle="blueA" colors={alphaColors.blueA} />
<ColorItem title="cyanA" subtitle="cyanA" colors={alphaColors.cyanA} />
<ColorItem title="tealA" subtitle="tealA" colors={alphaColors.tealA} />
<ColorItem title="jadeA" subtitle="jadeA" colors={alphaColors.jadeA} />
<ColorItem title="greenA" subtitle="greenA" colors={alphaColors.greenA} />

<ColorItem title="grassA" subtitle="grassA" colors={alphaColors.grassA} />
<ColorItem title="brownA" subtitle="brownA" colors={alphaColors.brownA} />
<ColorItem title="bronzeA" subtitle="bronzeA" colors={alphaColors.bronzeA} />
<ColorItem title="goldA" subtitle="goldA" colors={alphaColors.goldA} />
<ColorItem title="skyA" subtitle="skyA" colors={alphaColors.skyA} />

<ColorItem title="mintA" subtitle="mintA" colors={alphaColors.mintA} />
<ColorItem title="limeA" subtitle="limeA" colors={alphaColors.limeA} />
<ColorItem title="yellowA" subtitle="yellowA" colors={alphaColors.yellowA} />
<ColorItem title="amberA" subtitle="amberA" colors={alphaColors.amberA} />
<ColorItem title="orangeA" subtitle="orangeA" colors={alphaColors.orangeA} />

</ColorPalette>