import { c as __spreadArray, _ as __assign } from '../tslib.es6-faad35dc.js';
import { jsx, jsxs } from 'react/jsx-runtime';
import MuiBox from '@mui/material/Box';
import colors from '../theme/colors.js';
import Typography, { TypographyVariants } from '../components/Typography.js';
import '@mui/material/Typography';
import '@mui/material/styles';
import '../theme/typography.js';

var textColorKeys = __spreadArray(__spreadArray([], Object.keys(colors.text), true), [""], false);
var argTypes = {
    children: {
        name: "children",
        description: "The content of the component.",
        defaultValue: "The quick brown fox jumps over the lazy dog.",
        control: {
            type: "text"
        },
        table: {
            type: { summary: "string" },
            defaultValue: { summary: "-" }
        }
    },
    variant: {
        name: "variant",
        description: "Applies the theme typography styles.",
        defaultValue: "description",
        options: TypographyVariants,
        control: {
            type: "select"
        },
        table: {
            type: { summary: "string" },
            defaultValue: { summary: "subtitle1" }
        }
    },
    color: {
        name: "color",
        description: "The color of the component. It supports those theme colors that make sense for this component.",
        defaultValue: colors.text.primary,
        options: textColorKeys,
        control: {
            type: "select"
        },
        table: {
            type: { summary: "string" },
            defaultValue: { summary: colors.text.primary }
        }
    },
    component: { table: { disable: true } }
};
var Template = function (args) {
    return jsx(Typography, __assign({}, args), void 0);
};
var Specimen = function () {
    return (jsxs(MuiBox, __assign({ display: "flex", gap: 5 }, { children: [jsx(MuiBox, { children: TypographyVariants.slice(0, 19).map(function (item, index) { return (jsx(MuiBox, __assign({ mb: 1 }, { children: jsx(Typography, __assign({ variant: item }, { children: item }), void 0) }), index)); }) }, void 0), jsx(MuiBox, { children: TypographyVariants.slice(19).map(function (item, index) { return (jsx(MuiBox, __assign({ mb: 1 }, { children: jsx(Typography, __assign({ variant: item }, { children: item }), void 0) }), index)); }) }, void 0)] }), void 0));
};
var Default = Template.bind({});
var Typography_stories = {
    title: "Components/Typography",
    component: Typography,
    argTypes: argTypes
};

export { Default, Specimen, Typography_stories as default };
