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