@jackiemacklein/nettz-utils
Version:
Serviços de imagem, e-mail, códigos de barras, utilitários numéricos e componentes React para apps Node.js com TypeScript
22 lines (21 loc) • 1.17 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.Input = exports.Label = exports.FormGroup = exports.Form = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
require("./Form.css");
const Form = ({ children, onSubmit, className = "" }) => {
return ((0, jsx_runtime_1.jsx)("form", { className: `nettz-form ${className}`, onSubmit: onSubmit, children: children }));
};
exports.Form = Form;
const FormGroup = ({ children, className = "" }) => {
return (0, jsx_runtime_1.jsx)("div", { className: `nettz-form-group ${className}`, children: children });
};
exports.FormGroup = FormGroup;
const Label = ({ children, htmlFor, className = "" }) => {
return ((0, jsx_runtime_1.jsx)("label", { className: `nettz-label ${className}`, htmlFor: htmlFor, children: children }));
};
exports.Label = Label;
const Input = ({ type = "text", value, onChange, onKeyDown, placeholder, className = "", id, }) => {
return ((0, jsx_runtime_1.jsx)("input", { id: id, type: type, value: value, onChange: onChange, onKeyDown: onKeyDown, placeholder: placeholder, className: `nettz-input ${className}` }));
};
exports.Input = Input;