import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { ThemeProvider } from "styled-components";
import theme from "../theme/equilibrium-v2.theme";
import Input from "./input-new";
export default {
    component: Input,
    title: "New/Input",
    decorators: [
        (Story) => (_jsx(ThemeProvider, { theme: theme, children: _jsx(Story, {}) })),
    ],
};
const Template = (args) => _jsx(Input, { ...args });
export const InputNew = () => {
    return (_jsxs("div", { children: [_jsx(Template, { label: "Label", placeholder: "Placeholder", value: "" }), _jsx(Template, { label: "Label", placeholder: "Placeholder", value: "", readOnly: true }), _jsx(Template, { label: "Label", placeholder: "Placeholder", value: "value", disabled: true }), _jsx(Template, { label: "Label", placeholder: "Placeholder", value: "value", linkLabel: "link", error: true }), _jsx(Template, { label: "Label", placeholder: "Placeholder", value: "value", linkLabel: "link", leadingIcon: _jsx("div", { children: "lead" }), trailingIcon: _jsx("div", { children: "trail" }) })] }));
};
//# sourceMappingURL=input-new.stories.js.map