{"body":"function Prompt(props) {\n  const { onGenerate } = props;\n  const [prompt, setPrompt] = useState<string>();\n\n  const callbackFunction = React.useCallback(\n    (event: React.FormEvent) => {\n      console.log(event);\n      event.preventDefault();\n      onGenerate(prompt);\n    },\n    [prompt, onGenerate]\n  );\n\n  return (\n    <div className=\"prompt\">\n      <div>\n        <h3>ListenBrainz Radio playlist generator</h3>\n      </div>\n      <form className=\"row\" onSubmit={callbackFunction}>\n        <div className=\"col-sm-10\">\n          <input\n            type=\"text\"\n            className=\"prompt-text form-control form-control-lg\"\n            id=\"prompt\"\n            placeholder=\"Enter prompt...\"\n            value={prompt}\n            onChange={(e) => setPrompt(e.target.value)}\n          />\n        </div>\n        <div className=\"col-sm-2\">\n          <button type=\"submit\" className=\"btn btn-lg btn-primary\">\n            Generate\n          </button>\n        </div>\n      </form>\n      <div className=\"\">\n        <a href=\"https://troi.readthedocs.io/en/lb-radio/lb_radio.html\">\n          documentation\n        </a>\n      </div>\n    </div>\n  );\n}\n","name":"","extension":"txt","url":"https://www.irccloud.com/pastebin/pMXa3PAh","modified":1690890115,"id":"pMXa3PAh","size":1143,"lines":43,"own_paste":false,"theme":"","date":1690890115}