UNPKG

@vertisanpro/flowbite-react

Version:

Non-Official React components built for Flowbite and Tailwind CSS

13 lines (12 loc) 787 B
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';