import { Meta, moduleMetadata, StoryObj } from '@storybook/angular';

// modules
import { AngularSvgIconModule, SvgIconRegistryService } from 'angular-svg-icon';
import { HttpClientModule } from '@angular/common/http';

// components
import { CaCheckboxComponent } from './ca-checkbox.component';

const meta: Meta<CaCheckboxComponent> = {
    title: 'Example/CaCheckBox',
    component: CaCheckboxComponent,
    tags: ['autodocs'],
    decorators: [
        moduleMetadata({
            imports: [HttpClientModule, AngularSvgIconModule.forRoot()],
            providers: [SvgIconRegistryService],
        }),
    ],
};

export default meta;
type Story = StoryObj<CaCheckboxComponent>;

export const RegularCheckBox: Story = {
    args: {
        label: 'label',
    },
};

export const DisabledCheckBox: Story = {
    args: {
        label: 'label',
        disabled: true,
    },
};

export const DisableStillCheckMark: Story = {
    args: {
        label: 'label',
        disabledStillCheckMark: true,
    },
};

export const RequiredCheckBox: Story = {
    args: {
        label: 'label',
        required: true,
    },
};

export const MoveIconDownCheckBox: Story = {
    args: {
        label: 'label',
        moveIconDown: true,
    },
};

export const UseCarrieraACHCheckBox: Story = {
    args: {
        label: 'label',
        isUseCarrieraACHCheckBox: true,
    },
};

export const DisabledBlueCheckBbox: Story = {
    args: {
        label: 'label',
        isDisabledBlue: true,
    },
};

export const DisabledRegularCheckBox: Story = {
    args: {
        label: 'label',
        isDisabledRegularCheck: true,
    },
};

export const BlackLabelCheckbox: Story = {
    args: {
        label: 'Label',
        svg: 'assets/ca-components/svg/common/repair-pm/ic_ac_compressor.svg',
        svgCustomClass: 'd-flex svg-size-18 svg-fill-muted',
        isBlackLabelCheckbox: true,
    },
};