import React from "react"
import { render } from "@testing-library/react"
import { assert } from "chai"
import ClickOutHandler from "../src/ClickOutHandler"

interface RefChildProps {
  /** Ref forwarded to the underlying button. */
  ref?: React.Ref<HTMLButtonElement>
}

/** Child component that receives `ref` as a normal prop under React 19. */
function RefChild(props: RefChildProps) {
  return <button ref={props.ref} type="button">Inside</button>
}

describe("ClickOutHandler", function () {
  it("forwards React 19 ref props when cloning a single child", function () {
    const ref = React.createRef<HTMLButtonElement>()

    render(
      <ClickOutHandler onClickOut={() => {}}>
        <RefChild ref={ref} />
      </ClickOutHandler>
    )

    assert.instanceOf(ref.current, HTMLButtonElement)
  })
})