import type { Meta, StoryObj } from '@storybook/angular';
import { StepperComponent } from './stepper.component';

const meta: Meta<StepperComponent> = {
  title: 'Molecules/Stepper',
  component: StepperComponent,
  render: (args) => ({
    props: args,
    template: `<app-stepper [steps]="steps" [current]="current" />`,
  }),
};
export default meta;
type Story = StoryObj<StepperComponent>;

const steps = ['Adres', 'Beroep', 'Controle'];

export const Eerste: Story = { args: { steps, current: 0 } };
export const Midden: Story = { args: { steps, current: 1 } };
export const Laatste: Story = { args: { steps, current: 2 } };
