import { useLocalStorage } from "react-use";

export default function SystemPromptConfig() {
  const [sysPrompt, setSysPrompt] = useLocalStorage("systemPrompt", "");

  return (
    <div className="h-full overflow-auto bg-gray-900 text-gray-200 p-4">
      <h2 className="text-lg font-semibold mb-4">System Prompt</h2>
      <label className="block">
        <span>Prompt de Sistema</span>
        <textarea
          value={sysPrompt}
          onChange={(e) => setSysPrompt(e.target.value)}
          className="mt-1 block w-full h-40 bg-gray-800 p-2 rounded text-white resize-none"
          placeholder="Instruções gerais para os agentes..."
        />
      </label>
    </div>
  );
}
