import { jsx as _jsx } from "react/jsx-runtime";
import React from "react";
import Input from "./index";
export default {
    title: "Controls/Input",
    component: Input,
};
const Template = (args) => _jsx(Input, { ...args });
export const Basic = Template.bind({});
Basic.args = {
    value: "John Doe",
};
export const WithPlaceholder = Template.bind({});
WithPlaceholder.args = {
    placeholder: "Name",
};
export const WithSubscript = Template.bind({});
WithSubscript.args = {
    placeholder: "Name",
    subscript: "Your name",
};
export const WithTitle = Template.bind({});
WithTitle.args = {
    title: "Name",
    placeholder: "Name",
};
export const WithInnerTitle = Template.bind({});
WithInnerTitle.args = {
    innerTitle: "InnerTitle",
    placeholder: "Name",
};
export const Errored = Template.bind({});
Errored.args = {
    value: "Wrong value",
    error: true,
};
export const WithErrorMessage = Template.bind({});
WithErrorMessage.args = {
    value: "Wrong value",
    error: "Please enter right value!",
};
export const WithComputedValue = Template.bind({});
WithComputedValue.args = {
    computedValue: "$ 100"
};
export const Amount = Template.bind({});
Amount.args = {
    title: "Token amount",
    placeholder: "0",
    amount: true,
};
export const WithClear = () => {
    const [value, setValue] = React.useState("0");
    return (_jsx(Input, { value: value, onChange: setValue, onClear: () => setValue("0") }));
};
//# sourceMappingURL=index.stories.js.map