fix: iTerm2 cursor blinking issue - #287

import { render } from "./index"
import { createEffect, createSignal, onCleanup } from "solid-js"

function ScrollFail() {
  const [increasingText, setIncreasingText] = createSignal("Build")

  createEffect(() => {
    const interval = setInterval(() => {
      setIncreasingText((v) => (v.length > 10 ? "" : v + "a"))
    }, 10)

    onCleanup(() => {
      clearInterval(interval)
    })
  })

  return (
    <box flexDirection="column" gap={1}>
      <box flexShrink={0}>
        <text>{increasingText()}</text>
      </box>
      <box flexShrink={0} borderStyle="single" borderColor={"#f0f"}>
        <textarea
          onMouseDown={(r: MouseEvent) => r.target?.focus()}
          cursorColor={"#00f"}
          focusedBackgroundColor={"#eee"}
          minHeight={2}
          maxHeight={6}
        />
      </box>
    </box>
  )
}

render(() => <ScrollFail />)