import {VerticalStepComponent as VerticalStep} from './vertical-step.component';
import type {Meta, StoryObj} from '@storybook/react';
import React from 'react';

const meta: Meta<typeof VerticalStep> = {
    title: 'Molecules/VerticalStep',
    component: VerticalStep,
};
export default meta;

type Story = StoryObj<typeof VerticalStep>;

export const Default: Story = {
    render: (args) => <VerticalStep {...args} data-testid='VerticalStep' />,
    args: {
        color: 'primary',
        disable: false,
        size: 'md',
        title: 'Your details',
        subtitle: 'Please provide your name and email',
        active: false,
        focus: false,
        onSelect: () => ({}),
        children: <></>,
    },
};