import { classNames } from "@opensea/ui-kit"
import { Meta, StoryObj } from "@storybook/react"
import React from "react"
import { Link } from "./Link"

type Story = StoryObj<typeof Link>

const meta: Meta<typeof Link> = {
  title: "Design System/Link",
  component: Link,
  args: {
    href: "https://opensea.io",
    children: "Click me",
  },
}

export default meta

export const Default: Story = {}

export const Nested: Story = {
  args: {
    children: <Link href="https://google.com">Nested</Link>,
    className: classNames("p-12"),
  },
}