import type { StoryObj, Meta } from '@storybook/react';

import { Tag } from '.';

const meta: Meta<typeof Tag> = {
  title: 'Components/Tag',
  component: Tag,
  argTypes: {},
};

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

export const Default: Story = {
  args: {
    children: 'EUR',
  },
};

export const Elevate: Story = {
  args: {
    children: 'EUR',
    variant: 'elevate',
  },
};

export const DarkMode: Story = {
  args: {
    children: '%',
    variant: 'elevate',
    className: 'c-dark',
  },
};
