import { Meta } from "@storybook/addon-docs";
import ColorStory from "./ColorStory";

<Meta
  title="Foundation/Colors"
  parameters={{
    viewMode: "docs",
    previewTabs: {
      canvas: { hidden: true },
    },
  }}
/>

<style>
  {`

  .demo-color-swatch-wrapper{
    background-color: rgb(var(--neeto-ui-body-bg));
  }

  .demo-color-swatch{
    width: 200px;
    height: 100px;
    border-radius: 5px;
    padding: 12px;
    font-size: 12px;
    display:flex;
    flex-direction:column;
    gap:12px;
  }
  .demo-color-swatch code{
    background:transparent;
    padding:0;
    outline:0;
    border:0;
    color: inherit;
    font-size: inherit;
  }
  .demo-color-swatch code:nth-child(2{
    font-weight:bold;
  }

  `}
</style>

# Colors

<ColorStory />
