src/components/PromptInputArea.tsx

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>