"use client";
import { useState } from "react";
import { Input } from "@/components/ui/Input";
import { Button } from "@/components/ui/Button";

export default function NoteEditorPage() {
  const [title, setTitle] = useState("");
  const [content, setContent] = useState("");

  return (
    <div className="space-y-4">
      <div className="flex items-center justify-between">
        <h1 className="text-xl font-bold text-gray-800">编辑笔记</h1>
        <Button variant="primary" size="sm">保存</Button>
      </div>
      <Input value={title} onChange={e => setTitle(e.target.value)} placeholder="笔记标题" className="text-lg font-medium border-0 px-0" />
      <textarea
        value={content}
        onChange={e => setContent(e.target.value)}
        placeholder="开始记录..."
        className="w-full min-h-[300px] text-sm text-gray-700 resize-none focus:outline-none"
      />
    </div>
  );
}