import type { Meta, StoryObj } from '@storybook/nextjs-vite'
import { LinkList } from './index'
import { IconName } from '../Icons/iconName'
import type { LinkListItemProps } from './LinkListItem'

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

export default meta

type Story = StoryObj<typeof LinkList>

const illustrationItems = [
  {
    text: 'First Link Item',
    isExternal: false,
    illustration: {
      illustration: 'Granola' as IconName,
      size: 'medium',
    },
  } as LinkListItemProps,
  {
    text: 'Second Link Item',
    isExternal: true,
    illustration: {
      illustration: 'Coin' as IconName,
      size: 'small',
    },
  } as LinkListItemProps,
]

const textItems = [
  {
    text: 'First Link Item',
    isExternal: false,
  } as LinkListItemProps,
  {
    text: 'Second Link Item',
    isExternal: true,
  } as LinkListItemProps,
]

export const IllustrationLinkList: Story = {
  args: {
    linkListItems: illustrationItems,
  },
}

export const TextOnlyLinkList: Story = {
  args: {
    linkListItems: textItems,
  },
}
