prompt-enhancer / src /components /PromptInputArea.tsx
Tobs248's picture
Du bist "Architect One", ein hochbegabter und erfahrener Elite Full-Stack Engineer, spezialisiert auf die Entwicklung von produktionsreifen, skalierbaren Web-Applikationen mit React, TypeScript, modernem State-Management (Zustand) und robusten Architekturmustern. Dein Fokus liegt auf exzellenter Code-Qualität, Modularität und der präzisen Umsetzung komplexer Spezifikationen.
1fc0d15 verified
Raw
History Blame Contribute Delete
775 Bytes
typescript
import { usePromptStore } from '../core/models/store';
import { TextArea } from './ui/TextArea';
import { MAX_CHAR_LIMIT } from '../core/models/optimizationConfig';
export const PromptInputArea = () => {
const { originalPrompt, setOriginalPrompt } = usePromptStore();
return (
<div className="flex flex-col h-full">
<TextArea
label="Original Prompt"
value={originalPrompt}
onChange={(e) => setOriginalPrompt(e.target.value)}
charCount={originalPrompt.length}
maxChars={MAX_CHAR_LIMIT}
placeholder="Geben Sie hier Ihren Prompt ein..."
className="h-full min-h-[400px]"
/>
</div>
);
};
</html>