@trellixio/roaster-coffee/esm/components/Textarea/Textarea.js

Beans' product component library

import * as React from 'react';
import { classNames } from '../../utils/classNames/index.js';
import { useUid } from '../../utils/useUid/index.js';
import '@floating-ui/react';

const Textarea = React.forwardRef((props, ref) => {
  const {
    label,
    error,
    id,
    style,
    helpText,
    disabled,
    labelClassName,
    inputClassName,
    rows,
    onChange,
    defaultValue,
    placeholder
  } = props;
  const uid = useUid(id);
  const handleChange = (event) => {
    onChange?.(event.currentTarget.value);
  };
  return /* @__PURE__ */ React.createElement("label", { htmlFor: uid, className: classNames({ error }, labelClassName) }, /* @__PURE__ */ React.createElement("p", null, label), /* @__PURE__ */ React.createElement(
    "textarea",
    {
      id: uid,
      ref,
      rows,
      style,
      disabled,
      onChange: handleChange,
      placeholder,
      defaultValue,
      className: classNames(inputClassName)
    }
  ), /* @__PURE__ */ React.createElement("small", null, error || helpText));
});
Textarea.displayName = "Textarea";

export { Textarea };
//# sourceMappingURL=Textarea.js.map