/**
 * @typedef {import('./core.js').Element} Element
 * @typedef {import('./core.js').Root} Root
 * @typedef {import('./core.js').HResult} HResult
 * @typedef {import('./core.js').HChild} HChild
 * @typedef {import('./core.js').HProperties} HProperties
 * @typedef {import('./core.js').HPropertyValue} HPropertyValue
 * @typedef {import('./core.js').HStyle} HStyle
 * @typedef {import('./core.js').core} Core
 *
 * @typedef {Record<string, HPropertyValue | HStyle | HChild>} JSXProps
 */

/**
 * Create an automatic runtime.
 *
 * @param {ReturnType<Core>} f
 */
export function runtime(f) {
  const jsx =
    /**
     * @type {{
     *   (type: null | undefined, props: {children?: HChild}, key?: string): Root
     *   (type: string, props: JSXProps, key?: string): Element
     * }}
     */
    (
      /**
       * @param {string | null} type
       * @param {HProperties & {children?: HChild}} props
       * @returns {HResult}
       */
      function (type, props) {
        const {children, ...properties} = props
        return type === null ? f(type, children) : f(type, properties, children)
      }
    )

  return {Fragment: null, jsx, jsxs: jsx, jsxDEV: jsx}
}