import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import Card from "./index";
import Text from "../text";
import CurveTheme from "../../theme/curve";
export default {
    title: "Base/Card",
    component: Card,
};
export const Default = () => (_jsxs("div", { style: { marginTop: 50, maxWidth: 400 }, children: [_jsx("div", { style: { margin: 20 }, children: _jsx(Card, { children: _jsx(Text.T3, { children: "Default" }) }) }), _jsx("div", { style: { margin: 20 }, children: _jsx(Card, { sharp: true, children: _jsx(Text.T3, { children: "Sharp" }) }) }), _jsx("div", { style: { margin: 20 }, children: _jsx(Card, { padding: "64px 12px", children: _jsx(Text.T3, { children: "Custom padding" }) }) })] }));
export const Curve = () => (_jsxs("div", { style: { marginTop: 50, maxWidth: 400 }, children: [_jsx("div", { style: { margin: 20 }, children: _jsx(Card, { theme: CurveTheme, children: _jsx(Text.T3, { children: "Default" }) }) }), _jsx("div", { style: { margin: 20 }, children: _jsx(Card, { theme: CurveTheme, sharp: true, children: _jsx(Text.T3, { children: "Sharp" }) }) }), _jsx("div", { style: { margin: 20 }, children: _jsx(Card, { theme: CurveTheme, padding: "64px 12px", children: _jsx(Text.T3, { children: "Custom padding" }) }) })] }));
//# sourceMappingURL=index.stories.js.map