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

import { ChipLink } from './ChipLink.tsx'
import { MaterialIcon } from '../Icons/MaterialIcon'

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
        <MaterialIcon icon="chevron_right" size={20} />
      </>
    ),
  },
}