import type {Meta, StoryObj} from '@storybook/angular';
import {ToggleButton} from './toggle-button';

// More on how to set up stories at: https://storybook.js.org/docs/angular/writing-stories/introduction
const meta: Meta<ToggleButton> = {
  title: 'UI/Buttons/ToggleButton',
  component: ToggleButton,
  tags: ['autodocs'],
  argTypes: {
    label: {control: 'text'},
    icon: {control: 'text'},
    tooltip: {control: 'text'},
    kind: {control: 'text'},
  },
};

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

// More on writing stories with args: https://storybook.js.org/docs/angular/writing-stories/args
export const LocalButton: Story = {
  args: {
    label: 'Button local',
    kind: 'local',
    icon: 'arrow-right-circle-fill',
    tooltip: 'un tooltip détaillant l\'action ',
  },
};
export const LocalButtonActive: Story = {
  args: {
    label: 'Button local',
    kind: 'local',
    icon: 'award-line',
    active: true,
  },
};

export const OutsideButton: Story = {
  args: {
    label: 'Button outside',
    kind: 'outside',
    active: false,
  },
};
export const OutsideButtonActive: Story = {
  args: {
    label: 'Button outside',
    kind: 'outside',
    active: true,
  },
};
