FrontEnd/src/pages/timeline/edit/PlainTextPostEdit.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

import classNames from "classnames";

import "./PlainTextPostEdit.css";

interface TimelinePostEditTextProps {
  text: string;
  disabled: boolean;
  onChange: (text: string) => void;
  className?: string;
}

export default function TimelinePostEditText(props: TimelinePostEditTextProps) {
  const { text, disabled, onChange, className } = props;

  return (
    <div
      className={classNames("timeline-edit-plain-text-container", className)}
    >
      <textarea
        value={text}
        disabled={disabled}
        onChange={(event) => {
          onChange(event.target.value);
        }}
        className={classNames("timeline-edit-plain-text-input")}
      />
    </div>
  );
}