@s-ui/react-atom-input
Version:
> Inputs are the text fields that users fill in with different types of information. These include dates, passwords or even short answers. It’s a field where users can write alphanumeric texts.
19 lines • 823 B
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
var _excluded = ["children", "shape", "noBorder"];
import cx from 'classnames';
import PropTypes from 'prop-types';
import { BASE, INPUT_SHAPES } from '../config.js';
import { jsx as _jsx } from "react/jsx-runtime";
var InputContainer = function InputContainer(_ref) {
var children = _ref.children,
shape = _ref.shape,
noBorder = _ref.noBorder,
props = _objectWithoutPropertiesLoose(_ref, _excluded);
return /*#__PURE__*/_jsx("div", _extends({
className: cx(BASE + "_Container", shape && BASE + "_Container-shape-" + shape, noBorder && BASE + "_Container-noBorder")
}, props, {
children: children
}));
};
export default InputContainer;