import type {Meta, StoryObj} from "@storybook/react";
import ModuleBox from "../../components/UI/ModuleBox/ModuleBox";
import NotificationsSettingsIcon from "../../components/SVG/NotificationsSettingsIcon";
import React from "react";

const meta = {
    title: 'Components/ModuleBox/ModuleBox',
    component: ModuleBox,
} satisfies Meta<typeof ModuleBox>;

export default meta;

type Story = StoryObj<typeof meta>;

export const ModuleBoxEx: Story = {
    render: (args) =>

        <div className={'row'}>
            <div className={'col-4'}>
                <ModuleBox {...args}/>
            </div>
        </div>

    ,
    args: {
        title: 'tile',
        subtitle: 'subtitle',
        hypertitle: 'hyper',
        route: '#',
        info: 'Some info',
        icon: <NotificationsSettingsIcon width={"41.982"} height={"37.021"} color={'#1a73e8'}/>
    },
};