import React from 'react'
import { Meta, StoryObj } from '@storybook/react'
import Switch from './Switch.component'
import { ISwitch } from './Switch.interface'
import ToggleSwitch from './Switch.component'
import Heading from '../../atoms/Heading'
import Flex from '../../atoms/Flex'

export default {
    title: 'Backlog/Switch',
    component: Switch
} as Meta

export const Team: StoryObj<ISwitch> = {
    render: args => (
        <div
            style={{
                display: 'grid',
                gap: '16px'
            }}
        >
            <Flex direction="row" gap="16px">

                <Switch
                    label='product 1'
                    disabled
                    onChange={v => {
                        console.log(v)
                    }}
                    checked={false}
                />
            </Flex>
            <Flex direction="row" gap="16px">

                <Switch
                    label='product 2'
                    checked={true}
                    onChange={v => {
                        console.log(v)
                    }}
                />
            </Flex>
            <Flex direction="row" gap="16px">

                <Switch
                    onChange={v => {
                        console.log('v', v)
                    }}
                    checked={false}
                />
            </Flex>
        </div>
    )
}