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

import { ButtonLink, IconArrow } from '@/components';

const meta: Meta<typeof ButtonLink> = {
  component: ButtonLink,
};

export default meta;

type TStory = StoryObj<typeof ButtonLink>;

export const Primary: TStory = {
  args: {
    shape: 'default',
    size: 'sm',
    color: 'yellow',
    target: '_blank',
    href: '#',
    children: <div className="relative w-full text-sm">Button</div>,
  },
};

export const LinkWithArrow: TStory = {
  args: {
    shape: 'default',
    size: 'md',
    color: 'black',
    href: '#',
    target: '_blank',
    children: <IconArrow className="w-8 h-4" />,
  },
};