import { Meta, StoryObj } from "@storybook/nextjs-vite"
import { Button } from './Button'

const meta: Meta<typeof Button> = {
  component: Button,
}

type Story = StoryObj<typeof Button>
export default meta

export const Large: Story = {
  args: {
    children: 'Mehr erfahren...',
    size: "lg"
  }
}

export const ShadeColor: Story = {
  args: {
    children: 'Shade button',
    schema: "shade",
    size: "lg"
  }
}

export const Contrast: Story = {
  args: {
    children: 'Contrast',
    schema: "contrast",
    size: "lg"
  }
}

export const Medium: Story = {
  args: {
    children: 'Weiterlesen',
    size: "md"
  }
}

export const Link: Story = {
  args: {
    children: 'Disney',
    size: "lg",
    href: 'https://disney.com'
  }
}