UNPKG

jobiqo-cl

Version:

[![CircleCI](https://circleci.com/gh/jobiqo/jobiqo-cl.svg?style=svg&circle-token=5a24efa5b8bbc4879276123e77d0d3f35ca7144c)](https://circleci.com/gh/jobiqo/jobiqo-cl)

29 lines (26 loc) 1.2 kB
import { __rest } from '../../../../../node_modules/tslib/tslib.es6.js'; import React__default from 'react'; import { FormItem, FormLabel } from '../11-form-item/index.js'; import { Textarea as Textarea$1 } from './styles.js'; /** * @file index.tsx * * @fileoverview Renders a textarea using the styles provided in the theme. */ /** * A textarea form element. Should be used for long text form elements. For larger or smaller * textareas make sure to manipulate the rows prop property. */ const Textarea = (_a) => { var { label, id, rows, columns, required = false, error = false } = _a, props = __rest(_a, ["label", "id", "rows", "columns", "required", "error"]); if (!label) { return React__default.createElement(Textarea$1, Object.assign({ id: id }, rows, columns, props)); } return (React__default.createElement(FormItem, null, React__default.createElement(FormLabel, { htmlFor: id, error: error, required: required }, label), React__default.createElement(Textarea$1, Object.assign({ id: id }, rows, columns, { error: error, required: required }, props)))); }; Textarea.defaultProps = { rows: 10 }; export { Textarea };