import type { Meta, StoryObj } from '@storybook/react'
import { Checkbox, CheckboxProps } from '../../../react/src/components/Checkbox';
import { Box, } from '../../../react/src/components/Box';
import { Text } from '../../../react/src/components/Text';

export default {
  title: 'Components/Checkbox',
  component: Checkbox,
  args: {},
  decorators: [
    Story => {
      return (
        <Box as="label" css={{ display: 'flex', flexDirection: 'row', gap: '$2' }}>
          {Story()}
          <Text size="sm">Accept terms of use</Text>
        </Box>
      )
    },
  ],
} as Meta<CheckboxProps>

export const Primary: StoryObj<CheckboxProps> = {}