jobiqo-cl/lib/src/components/02-atoms/01-forms/03-input/index.js

[](https://circleci.com/gh/jobiqo/jobiqo-cl)

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
var React = require('react');
var React__default = _interopDefault(React);
var index = require('../11-form-item/index.js');
var styles = require('./styles.js');

/**
 * @file index.tsx
 *
 * @fileoverview Input component. Renders a button input together with its label.
 */
/**
 * A input is a form element where users can type information on. The input can be of several types (the parent component can set that via the "type" property).
 * The component inherits props from the "InputHTMLAttributes" so any property for a checkbox can be used with this component.
 */
const Input = (_a) => {
    var { label, id, disabled = false, required = false, error = false } = _a, props = tslib_es6.__rest(_a, ["label", "id", "disabled", "required", "error"]);
    if (!label) {
        return React__default.createElement(styles.Input, Object.assign({ disabled: disabled, id: id }, props));
    }
    return (React__default.createElement(index.FormItem, null,
        React__default.createElement(index.FormLabel, { error: error, required: required, disabled: disabled, htmlFor: id }, label),
        React__default.createElement(styles.Input, Object.assign({ error: error, disabled: disabled, id: id }, props))));
};

exports.Input = Input;
exports.default = Input;