import type { Meta, StoryObj } from '@storybook/react'
import { Checkbox } from './checkbox.composition'
// More on how to set up stories at: https://storybook.js.org/docs/7.0/react/writing-stories/introduction
const meta = {
  title: 'Checkbox',
  component: Checkbox,
  tags: ['autodocs'],
  argTypes: {},
} satisfies Meta<typeof Checkbox>

export default meta
type Story = StoryObj<typeof meta>

// More on writing stories with args: https://storybook.js.org/docs/7.0/react/writing-stories/args
export const WithText: Story = {
  args: {
    label: 'Accept terms and conditions',
    withText: true,
    explain: 'You agree to our Terms of Service and Privacy Policy.',
    disabled: false,
  },
}
export const noText: Story = {
  args: {
    label: 'Accept terms and conditions',
    withText: false,
    explain: 'You agree to our Terms of Service and Privacy Policy.',
    disabled: false,
  },
}

export const Disabled: Story = {
  args: {
    label: 'Accept terms and conditions',
    withText: true,
    explain: 'You agree to our Terms of Service and Privacy Policy.',
    disabled: true,
  },
}
