@vertisanpro/flowbite-react
Version:
Non-Official React components built for Flowbite and Tailwind CSS
13 lines (12 loc) • 787 B
JavaScript
import { twMerge } from '@vertisanpro/tailwind-merge';
import React, { forwardRef } from 'react';
import { mergeDeep } from '../../helpers/merge-deep';
import { getTheme } from '../../theme-store';
import { HelperText } from '../HelperText';
export const Textarea = forwardRef(({ className, color = 'gray', helperText, shadow, theme: customTheme = {}, ...props }, ref) => {
const theme = mergeDeep(getTheme().textarea, customTheme);
return (React.createElement(React.Fragment, null,
React.createElement("textarea", { ref: ref, className: twMerge(theme.base, theme.colors[color], theme.withShadow[shadow ? 'on' : 'off'], className), ...props }),
helperText && React.createElement(HelperText, { color: color }, helperText)));
});
Textarea.displayName = 'Textarea';