import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Box, Divider, Stack, Typography } from '@mui/material';
const meta = {
    component: Divider,
    title: 'Design System/Divider',
    tags: ['autodocs'],
    argTypes: {
        orientation: {
            control: 'radio',
            options: ['horizontal', 'vertical'],
            table: {
                defaultValue: { summary: 'horizontal' },
            },
        },
    },
    args: {
        orientation: 'horizontal',
    },
    decorators: [
        (Story, context) => {
            const isVertical = context.args.orientation === 'vertical';
            if (isVertical) {
                return (_jsxs(Stack, { direction: "row", alignItems: "stretch", sx: { p: 2, gap: 3 }, children: [_jsxs(Stack, { children: [_jsx(Typography, { variant: "globalXS", color: "text.secondary", children: "Proyectos" }), _jsx(Typography, { variant: "globalL", fontWeight: "fontWeightSemiBold", children: "24" })] }), _jsx(Story, {}), _jsxs(Stack, { children: [_jsx(Typography, { variant: "globalXS", color: "text.secondary", children: "Pendientes" }), _jsx(Typography, { variant: "globalL", fontWeight: "fontWeightSemiBold", children: "7" })] }), _jsx(Story, {}), _jsxs(Stack, { children: [_jsx(Typography, { variant: "globalXS", color: "text.secondary", children: "Aprobados" }), _jsx(Typography, { variant: "globalL", fontWeight: "fontWeightSemiBold", children: "10" })] })] }));
            }
            return (_jsxs(Box, { sx: { p: 2, maxWidth: 360 }, children: [_jsxs(Stack, { sx: { gap: 1 }, children: [_jsx(Typography, { variant: "globalM", fontWeight: "fontWeightSemiBold", children: "Reuni\u00F3n de bienvenida" }), _jsx(Typography, { variant: "globalS", color: "text.secondary", children: "Convers\u00E1 con tu l\u00EDder sobre los objetivos de tu rol en los primeros tres meses." })] }), _jsx(Box, { sx: { my: 2 }, children: _jsx(Story, {}) }), _jsxs(Stack, { sx: { gap: 1 }, children: [_jsx(Typography, { variant: "globalM", fontWeight: "fontWeightSemiBold", children: "Pr\u00F3ximos pasos" }), _jsx(Typography, { variant: "globalS", color: "text.secondary", children: "Revis\u00E1 la documentaci\u00F3n interna y agend\u00E1 tus primeros 1:1 con el equipo." })] })] }));
        },
    ],
};
export default meta;
export const Default = {
    args: {},
};
export const Vertical = {
    args: {
        orientation: 'vertical',
        flexItem: true,
    },
};
