import { _ as __assign } from '../tslib.es6-20a2a300.js';
import { jsx } from 'react/jsx-runtime';
import Card, { CardColorVariants, CardSizeVariants } from '../components/Card.js';
import '../theme/colors.js';
import '../makeStyles-c9a99c7a.js';
import '../defaultTheme-49a26576.js';
import 'react';
import '../createStyles-16423e9e.js';
import '../clsx.m-6243b874.js';
import '../withStyles-99aeb25b.js';
import '../hoist-non-react-statics.cjs-b718ab87.js';
import '../Paper-cfd8f963.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 }
        }
    },
    component: { table: { disable: true } },
    ref: { 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 };
