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

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

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

export default meta

type Story = StoryObj<typeof ChipLink>

export const Default: Story = {
  args: {
    href: '/',
    onPress: (e) => console.log(e),
    children: (
      <>
        Link Chip
        <MaterialIcon icon="chevron_right" size={20} />
      </>
    ),
  },
}
