const meta = {
    title: 'Components/CpslButton',
    args: { variant: 'primary', size: 'medium', content: 'Test' },
    argTypes: {
        variant: {
            control: {
                type: 'select',
            },
            options: ['primary', 'secondary', 'ghost', 'destructive'],
        },
        size: {
            control: {
                type: 'select',
            },
            options: ['small', 'medium'],
        },
    },
};
export default meta;
const Template = args => `<cpsl-button variant="${args.variant}" size="${args.size}">${args.content}</cpsl-button>`;
const TemplateWithIcon = args => `<cpsl-button variant="${args.variant}" size="${args.size}"><cpsl-icon icon="home" slot="start"></cpsl-icon>${args.content}</cpsl-button>`;
export const Primary = Template.bind({});
Primary.args = {
    content: 'Primary',
};
export const Secondary = Template.bind({});
Secondary.args = {
    content: 'Secondary',
    variant: 'secondary',
};
export const Ghost = Template.bind({});
Ghost.args = {
    content: 'Ghost',
    variant: 'ghost',
};
export const Destructive = Template.bind({});
Destructive.args = {
    content: 'Destructive',
    variant: 'destructive',
};
export const Icon = TemplateWithIcon.bind({});
Icon.args = {
    content: '',
    variant: 'ghost',
};
export const PrimaryWithIcon = TemplateWithIcon.bind({});
PrimaryWithIcon.args = {
    content: 'Primary With Icon',
};
//# sourceMappingURL=cpsl-button.stories.js.map
