import type {Meta, StoryObj} from '@storybook/react';
import React from 'react';
import {RulerProgressBar} from './ruler-progress-bar.component';
import {defaultIndicatorConfig} from './config';

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

type Story = StoryObj<typeof RulerProgressBar>;

export const Default: Story = {
    render: (args) => (
        <div>
            <RulerProgressBar {...args} />
        </div>
    ),
    args: {
        header: {
            title: 'title of ruler',
            tooltip: {
                title: 'title of tooltip',
                description: 'description of tooltip',
                placement: 'top',
                children: <></>,
            },
            rightSection: {
                title: 'Closing Date',
                value: '1402/12/15',
            },
        },
        setting: {
            color: 'fuchsia',
            colorAmount: 500,
            indicatorConfig: defaultIndicatorConfig,
        },
        amount: 50,
        wrapperBox: true,
    },
};