import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { ThemeProvider } from "styled-components";
import Button, { LinkButton } from "./index";
import curveTheme from "../../theme/curve";
import defaultTheme from "../../theme/default";
export default {
    title: "Controls/Button",
    component: Button,
};
export const Default = () => (_jsx(ThemeProvider, { theme: defaultTheme, children: _jsxs("div", { style: { display: "flex", justifyContent: "space-evenly", marginTop: 50 }, children: [_jsxs("div", { children: [_jsx(Button, { onClick: () => console.info("demo click"), children: "Default button" }), _jsx("div", { style: { height: 30 } }), _jsx(Button, { size: "md", children: "Md button" }), _jsx("div", { style: { height: 30 } }), _jsx(Button, { size: "sm", children: "Sm button" }), _jsx("div", { style: { height: 30 } }), _jsx(Button, { size: "xs", children: "Xs button" }), _jsx("div", { style: { height: 30 } }), _jsx(Button, { texted: true, children: "Text button" })] }), _jsxs("div", { children: [_jsx(Button, { outlined: true, children: "Outlained button" }), _jsx("div", { style: { height: 30 } }), _jsx(Button, { size: "md", disabled: true, children: "Disabled button" }), _jsx("div", { style: { height: 30 } }), _jsx(Button, { size: "sm", alternative: true, children: "Alternative button" }), _jsx("div", { style: { height: 30 } }), _jsx(LinkButton, { href: "wwww.test.test", target: "_blank", size: "xs", children: "Link xs button" }), _jsx("div", { style: { height: 30 } }), _jsx(LinkButton, { href: "wwww.test.test", target: "_blank", texted: true, children: "Texted link button" })] }), _jsxs("div", { children: [_jsx(Button, { pending: true }), _jsx("div", { style: { height: 30 } }), _jsx(Button, { size: "md", outlined: true, pending: true })] })] }) }));
export const Curve = () => (_jsx(ThemeProvider, { theme: curveTheme, children: _jsxs("div", { style: { display: "flex", justifyContent: "space-evenly", marginTop: 50 }, children: [_jsxs("div", { children: [_jsx(Button, { onClick: () => console.info("demo click"), children: "Default button" }), _jsx("div", { style: { height: 30 } }), _jsx(Button, { size: "md", children: "Md button" }), _jsx("div", { style: { height: 30 } }), _jsx(Button, { size: "sm", children: "Sm button" }), _jsx("div", { style: { height: 30 } }), _jsx(Button, { size: "xs", children: "Xs button" }), _jsx("div", { style: { height: 30 } }), _jsx(Button, { texted: true, children: "Text button" })] }), _jsxs("div", { children: [_jsx(Button, { outlined: true, children: "Outlined button" }), _jsx("div", { style: { height: 30 } }), _jsx(Button, { size: "md", disabled: true, children: "Disabled button" }), _jsx("div", { style: { height: 30 } }), _jsx(Button, { size: "sm", alternative: true, children: "Alternative button" }), _jsx("div", { style: { height: 30 } }), _jsx(LinkButton, { href: "wwww.test.test", target: "_blank", size: "xs", children: "Link xs button" }), _jsx("div", { style: { height: 30 } }), _jsx(LinkButton, { href: "wwww.test.test", target: "_blank", texted: true, children: "Texted link button" })] }), _jsxs("div", { children: [_jsx(Button, { pending: true }), _jsx("div", { style: { height: 30 } }), _jsx(Button, { size: "md", outlined: true, pending: true })] })] }) }));
//# sourceMappingURL=index.stories.js.map