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} />
      </>
    ),
  },
}