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

import { Anchor } from './Anchor';

// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
const meta: Meta<typeof Anchor> = {
  title: 'UI kit/Anchor',
  component: Anchor,
  tags: ['autodocs'],
};

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

// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
export const Default: Story = {
  // More on args: https://storybook.js.org/docs/react/writing-stories/args
  args: {
    children: 'Anchor',
    href: 'https://shoptet.cz',
  },
};

export const AsButton: Story = {
  args: {
    children: 'Anchor',
    href: 'https://shoptet.cz',
    button: true,
  },
};

export const AsButtonWithIcon: Story = {
  args: {
    children: 'Anchor',
    href: 'https://shoptet.cz',
    button: { iconLeft: 'shp-arrow-down' },
  },
};