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

import { ChipLink } from './ChipLink.tsx'
import ChevronRightSmallIcon from '../Icons/ChevronRightSmall.tsx'

const meta: Meta<typeof ChipLink> = {
  title: 'Components/Chip/ChipLInk 🚧',
  component: ChipLink,
}

export default meta

type Story = StoryObj<typeof ChipLink>

export const Default: Story = {
  args: {
    href: '/',
    onClick: (e) => e.preventDefault(),
    children: (
      <>
        Link Chip <ChevronRightSmallIcon width={20} height={20} />
      </>
    ),
  },
}
