"use client";

interface EditorProps {
  value: string;
  onChange: (value: string) => void;
  streaming: boolean;
}

// 中栏正文编辑器：宋体、720px 居中、行高 1.9（UX §2.3 / §6.3）。
// 流式中显示朱砂光标提示（prefers-reduced-motion 下不闪烁，见 globals.css）。
export function Editor({ value, onChange, streaming }: EditorProps) {
  return (
    <div className="mx-auto max-w-prose">
      <label htmlFor="chapter-editor" className="sr-only">
        正文编辑器
      </label>
      <textarea
        id="chapter-editor"
        value={value}
        onChange={(e) => onChange(e.target.value)}
        readOnly={streaming}
        aria-busy={streaming}
        placeholder="夜色如墨……点击「写本章」让 AI 起草，或直接在此书写。"
        className="min-h-[60vh] w-full resize-none bg-transparent font-serif text-[18px] leading-[1.9] text-ink placeholder:text-ink-soft/50 focus:outline-none"
      />
      {streaming ? (
        <span
          className="typewriter-cursor ml-0.5 inline-block h-[1.2em] w-[2px] translate-y-1 bg-cinnabar align-middle"
          aria-hidden="true"
        />
      ) : null}
    </div>
  );
}