"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
require("@emotion/react");
const React = require("react");
const jsxRuntime = require("@emotion/react/jsx-runtime");
const styled = require("./styled.js");
const Textarea = ({
  height = 500,
  width = 500,
  center = false,
  fontSize = 24,
  placeholder,
  content,
  value,
  readOnly = false,
  cssStyle,
  className,
  style,
  onChange,
  onKeyDown,
  onBlur,
  onClick
}) => {
  const _content = React.useRef("");
  const handleChange = (e) => {
    _content.current = e.currentTarget.value;
    if (content) {
      content.current = e.currentTarget.value;
    }
  };
  return /* @__PURE__ */ jsxRuntime.jsx(
    styled.InputBox,
    {
      width,
      height,
      center,
      fontSize,
      placeholder,
      value,
      readOnly,
      css: cssStyle,
      className,
      style,
      onInput: handleChange,
      onChange,
      onBlur,
      onClick,
      onKeyDown,
      autoFocus: true
    }
  );
};
exports.Textarea = Textarea;
//# sourceMappingURL=index.js.map
