import {TimelineStepComponent as TimelineStep} from './timeline-step.component';
import type {Meta, StoryObj} from '@storybook/react';
import React from 'react';

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

type Story = StoryObj<typeof TimelineStep>;

export const Default: Story = {
    render: (args) => (
        <div style={{zoom: 0.8, display: 'flex', justifyContent: 'center'}}>
            <TimelineStep<string> {...args} />
        </div>
    ),
    args: {
        status: 'Execution',
        steps: [
            {
                name: 'Setting',
                startDate: '1402/02/01',
            },
            {
                name: 'Execution',
                startDate: '1402/04/01',
            },
            {
                name: 'Closing',
                startDate: '1402/11/01',
                deadline: '1402/12/15',
            },
        ],
    },
};
