import type { Meta, StoryObj } from '@storybook/svelte';
import ColorsShowcase from './ColorsShowcase.svelte';

const meta = {
  title: 'Foundation/Colors',
  component: ColorsShowcase,
  tags: ['autodocs'],
  parameters: {
    layout: 'padded',
    docs: {
      description: {
        component:
          'Farbpaletten des Windwiderstand Design Systems: Wald (Primary), Erde (Secondary), Himmel (Accent), Stein (Neutrals) sowie semantische Farben.',
      },
    },
  },
} satisfies Meta<ColorsShowcase>;

export default meta;
type Story = StoryObj<typeof meta>;

export const Palettes: Story = {};
