import { _ as __assign } from '../tslib.es6-faad35dc.js';
import { jsx } from 'react/jsx-runtime';
import Card, { CardColorVariants, CardSizeVariants } from '../components/Card.js';
import '@mui/material/styles';
import '@mui/material/Card';
import '../theme/colors.js';

var argTypes = {
    children: {
        defaultValue: "Card text",
        control: { type: "text" }
    },
    color: {
        name: "color",
        description: "The color of the component. It supports those theme colors that make sense for this component.",
        defaultValue: CardColorVariants.Initial,
        options: CardColorVariants,
        control: {
            type: "select"
        },
        table: {
            type: { summary: "string" },
            defaultValue: { summary: "initial" }
        }
    },
    size: {
        name: "size",
        description: "The size (paddings) of the component.",
        defaultValue: CardSizeVariants.Medium,
        options: CardSizeVariants,
        control: {
            type: "select"
        },
        table: {
            type: { summary: "string" },
            defaultValue: { summary: "medium" }
        }
    },
    selected: {
        name: "selected",
        description: "Add selected state.",
        defaultValue: false,
        control: {
            type: "boolean"
        },
        table: {
            type: { summary: "boolean" },
            defaultValue: { summary: false }
        }
    },
    $bubble: {
        name: "$bubble",
        description: "Add bubble style.",
        defaultValue: false,
        control: {
            type: "boolean"
        },
        table: {
            type: { summary: "boolean" },
            defaultValue: { summary: false }
        }
    },
    component: { table: { disable: true } },
    ref: { table: { disable: true } },
    square: { table: { disable: true } },
    classes: { table: { disable: true } },
    elevation: { table: { disable: true } },
    variant: { table: { disable: true } },
    raised: { table: { disable: true } },
    sx: { table: { disable: true } }
};
var Template = function (args) {
    return jsx(Card, __assign({}, args), void 0);
};
var Default = Template.bind({});
var Card_stories = {
    title: "Components/Card",
    component: Card,
    argTypes: argTypes
};

export { Default, Card_stories as default };
