import { sendOsc, OSC_ADDRESS, updatePrompt } from "../util/osc"


const TEST_PROMPT='a hazy memory of a {{ Scene }}, seen through soft atmospheric blur, distant silhouettes and faded contours, pastel light and cinematic haze, (analog film texture), (shallow depth of field:1.3), shallow depth of field, memory fragment effect, light leak, subtle grain, chromatic aberration, surreal glow, in muted warm tones, cinematic framing,';

export function DebugControl(){
    
    return (
        <div className="flex flex-row gap-2 [&>button]:rounded-full [&>button]:bg-white bg-gray-200 p-2 w-full justify-center">
            <button onClick={() => sendOsc(OSC_ADDRESS.STATUS, 'reset')}>reset</button>
            <button onClick={() => sendOsc(OSC_ADDRESS.STATUS, 'go')}>go</button>
            <button onClick={() => sendOsc(OSC_ADDRESS.STATUS, 'end')}>end</button>

            <div className="flex flex-col gap-1">
                <button className="btn btn-success" onClick={() => updatePrompt('Random dogs')}>Test Prompt</button>  
                <button className="btn btn-success" onClick={() => updatePrompt(TEST_PROMPT)}>Test Prompt</button>  
            </div>
        </div>
    )
}