import type { FC } from "hono/jsx"

export const BrowserControls: FC = async () => (
  <>
    <div id="browser-controls" style="display:none">
      <a id="back-button" href="#"></a>
      <a id="forward-button" href="#"></a>
      <a id="stop-button" href="#"></a>
      <a id="reload-button" href="#">@</a>
      <a id="fullscreen-button" href="#"></a>
      <a id="close-button" href="#">╳</a>
      <span id="browser-address">your-app.nose-pluto.local</span>
    </div>
  </>
)