import React from 'react';
import { AlignLeft } from 'lucide-react';
import { Textarea } from "@/components/ui/textarea";

export function QuickNotes() {
  return (
    <section className="flex-1 flex flex-col mt-8">
      <div className="flex items-center gap-2 mb-4 text-muted-foreground">
        <AlignLeft size={14} />
        <h3 className="text-xs font-semibold uppercase tracking-wider">快速笔记</h3>
      </div>
      <Textarea 
        className="w-full h-48 bg-background border border-border rounded-lg p-4 text-sm text-foreground placeholder-zinc-700 resize-none focus:outline-none focus:border-blue-500/50 transition-colors"
        placeholder="在这里记录想法..."
      />
    </section>
  );
}
