import Head from "next/head"; import { SyntheticEvent, useEffect, useRef, useState } from "react"; import { FaTh } from "react-icons/fa"; export default function Fig() { const inputRef = useRef(); const [inputVal, setInputVal] = useState(""); useEffect(() => { inputRef.current?.focus(); }, []); const onChangeInput = (e: SyntheticEvent) => { const target = e.target as HTMLInputElement; setInputVal(target.value); // logic for parsing and changing autocomplete options // logic for showing correct command icon }; return ( <> Fig | The Power of Everything {/* header */}
); }