jobiqo-cl/lib/es/src/components/02-atoms/01-forms/04-textarea/index.js

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

import { __rest } from '../../../../../node_modules/tslib/tslib.es6.js';
import React__default from 'react';
import { FormItem } from '../11-form-item/index.js';
import { FormLabel } from '../11-form-item/01-form-label/index.js';
import { FormDescription } from '../11-form-item/02-form-description/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, description, rows = 10, columns, required = false, error = false } = _a, props = __rest(_a, ["label", "id", "description", "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)),
        description && React__default.createElement(FormDescription, null, description)));
};

export { Textarea };