const MyApp = () => {
const handleKeyPress = (e) => {
if (e.key === 'Enter') {
handleAsk();
}
};
//in JSX
<input
css={buddyField}
className="buddyField"
type="text"
placeholder="Ask us anything..."
value={inputValue}
onChange={handleInputChange}
onKeyPress={handleKeyPress}
onFocus={() => setIsInputFocused(true)}
onBlur={() => setIsInputFocused(false)}
/>
<button className="buddySearch_send" onClick={handleAsk}>
<img
src="http://media.edgeprop.my/assets/icons/send_24.png"
alt="Send"
/>
</button>