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

import { fn } from '@storybook/test'

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

const meta: Meta<typeof ChipButton> = {
  title: 'Components/Chip/ChipButton 🚧',
  component: ChipButton,
  argTypes: {
    onPress: {
      table: {
        disable: true,
      },
    },
  },
}

export default meta

type Story = StoryObj<typeof ChipButton>

export const Default: Story = {
  args: {
    onPress: fn(),
    children: (
      <>
        Button Chip <ChevronRightSmallIcon width={20} height={20} />
      </>
    ),
  },
}