import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Container, Label, InputContainer, TrailingIcon, Helper, } from "./input.styled";
const Input = ({ value, placeholder, width, height, className, label, error, helper, disabled, trailingIcon, handleChange, ...rest }) => {
    return (_jsxs(Container, { className: `ui-input ${className ?? ""}`, width: width, children: [label && _jsx(Label, { children: label }), _jsxs(InputContainer, { className: "ui-input__input-container", height: height, error: error, children: [_jsx("input", { className: "ui-input__input", value: value, disabled: disabled, placeholder: placeholder ?? "0", onChange: handleChange, ...rest }), trailingIcon && (_jsx(TrailingIcon, { className: "ui-input__trailing-icon", children: trailingIcon }))] }), helper && _jsx(Helper, { className: "ui-input__input-helper", children: helper })] }));
};
export default Input;
//# sourceMappingURL=input.js.map