import type { FC } from "hono/jsx"

export const Prompt: FC = async () => {
  return (
    <>
      <h1>Completion demo!</h1>
      <div id="command-line">
        <textarea
          id="command-prompt"
          autocomplete="off"
          autocorrect="off"
          autocapitalize="off"
          spellcheck={false}
          rows={1}
          autofocus
        ></textarea>
        <div id="command-error">{/* tail follow=<span class="error">fsd</span> */}</div>
        <textarea
          id="command-hint"
          autocomplete="off"
          autocorrect="off"
          autocapitalize="off"
          spellcheck={false}
          readonly
        ></textarea>
        <div id="command-suggestion-list"></div>
      </div>
    </>
  )
}
