import { Meta, StoryObj } from '@storybook/angular';
import { CaInputRadiobuttonsComponent } from '../ca-input-radiobuttons/ca-input-radiobuttons.component';

// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
const meta: Meta<CaInputRadiobuttonsComponent> = {
    title: 'Example/CaInputRadiobuttonsComponent',
    component: CaInputRadiobuttonsComponent,
    parameters: {
        // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
        displayRequiredNote: false,
        buttons: [
            {
                id: 1,
                label: 'YES',
                value: 'cfrPartYes',
                name: 'cfrPartYes',
                checked: true,
                isActive: false,
            },
            {
                id: 2,
                label: 'NO',
                value: 'cfrPartNo',
                name: 'cfrPartNo',
                checked: false,
                isActive: false,
            },
        ],
    },
    tags: ['autodocs'],
    // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#action-args
   // args: { changedValue: fn() },
};

export default meta;

type Story = StoryObj<CaInputRadiobuttonsComponent>;

export const Default: Story = {
    args: {
        buttons: [
            {
                id: 1,
                label: 'YES',
                value: 'cfrPartYes',
                name: 'cfrPartYes',
                checked: true,
                isActive: false,
            },
            {
                id: 2,
                label: 'NO',
                value: 'cfrPartNo',
                name: 'cfrPartNo',
                checked: false,
                isActive: false,
            },
        ],
    },
};

export const Disabled: Story = {
    args: {
        disabled: true,
        buttons: [
            {
                id: 1,
                label: 'YES',
                value: 'cfrPartYes',
                name: 'cfrPartYes',
                checked: false,
                isActive: false,
            },
            {
                id: 2,
                label: 'NO',
                value: 'cfrPartNo',
                name: 'cfrPartNo',
                checked: false,
                isActive: false,
            },
        ],
    },
};