"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Error = exports.Amount = exports.Icon = exports.Unit = exports.Labeled = exports.Basic = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const theme_1 = require("../../theme");
const Input_1 = require("./Input");
exports.default = {
    title: 'Polyblocks/Input',
    component: Input_1.Input,
};
const Template = (props) => (jsx_runtime_1.jsx(Input_1.Input, Object.assign({}, props), void 0));
exports.Basic = Template.bind({});
exports.Basic.args = {
    variant: 'basic',
};
exports.Labeled = Template.bind({});
exports.Labeled.args = {
    variant: 'basic',
    label: 'Texbox with a label',
    tooltip: 'Some helpful imformation about this feild.',
};
exports.Unit = Template.bind({});
exports.Unit.args = {
    variant: 'basic',
    label: 'Texbox with a unit',
    unit: 'POLYX',
};
exports.Icon = Template.bind({});
exports.Icon.args = {
    variant: 'basic',
    label: 'Texbox with an icon',
    icon: theme_1.polyIcons.PolyBull,
};
exports.Amount = Template.bind({});
exports.Amount.args = {
    variant: 'amount',
    label: 'Texbox with amount formatting',
};
exports.Error = Template.bind({});
exports.Error.args = {
    variant: 'basic',
    label: 'Texbox with error state',
    error: 'Enter valid value',
};
//# sourceMappingURL=Input.stories.js.map