@madeja-studio/telar/lib/commonjs/component/Input/TextInput.js

UI component library by Madeja Studio

"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.TextInput=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _telar=require("@madeja-studio/telar");var _polished=require("polished");var _react=require("react");var _reactNative=require("react-native");var _index=_interopRequireDefault(require("../../tailwind/index.js"));var _index2=_interopRequireDefault(require("../Text/index.js"));var _jsxRuntime=require("react/jsx-runtime");var _excluded=["style","title"];var _this=void 0,_jsxFileName="/Users/sergio/Development/madeja.studio/telar/src/component/Input/TextInput.tsx";var TextInput=exports.TextInput=(0,_react.forwardRef)(function(_ref,ref){var style=_ref.style,title=_ref.title,props=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _useTheme=(0,_telar.useTheme)(),theme=_useTheme.theme;return(0,_jsxRuntime.jsxs)(_telar.Column,{children:[(0,_jsxRuntime.jsx)(_index2.default.H3,{style:style,children:title}),(0,_jsxRuntime.jsx)(_reactNative.TextInput,Object.assign({placeholderTextColor:(0,_polished.transparentize)(0.6,theme.core.color.text.primary),ref:ref,style:_index.default.style(`border-b body pt-2 pb-1 my-2 ml-4`,{borderColor:props.hasError?theme.core.color.danger:theme.core.color.text.primary})},props)),props.hasError&&(0,_jsxRuntime.jsx)(_index2.default.Body,{style:_index.default.style(`ml-4`,{color:theme.core.color.danger}),children:props.errorMessage})]});});
//# sourceMappingURL=TextInput.js.map