import type { Observable } from "rxjs"
import "./declare-values"

declare global {
  namespace JSX {
    /**
     * Default children type for intrinsic elements.
     * Ensure your elements can accept all children by declaring their `children` property as such:
     * @example
     * function MyComponent(props: { children: JSX.Children }) {
     *   return <div class="my-component">{props.children}</div>
     * }
     */
    type Children = JSX.Child | JSX.Children[]

    type ComponentFunction<P extends Record<string, any>> = (props: P) => JSX.Child

    /** Get the Props from the component function */
    type Props<T extends ComponentFunction<any>> = Parameters<T>[0]

    type StyleValueObject = {
      [P in keyof CSSStyleDeclaration]?: CSSStyleDeclaration[P] | Observable<CSSStyleDeclaration[P]> | undefined
    }

    type AnyHtmlPropValue = AnyValue | StyleValueObject

    interface HtmlProps<T extends HTMLElement = HTMLElement> {
      accesskey?: StringValue
      class?: StringValue
      /** "inherit" (default) | "true" | "false" */
      contenteditable?: Value<"inherit" | "true" | "false">
      dir?: StringValue
      hidden?: BooleanValue
      id?: StringValue
      role?: StringValue
      lang?: StringValue
      draggable?: BooleanValue
      spellcheck?: BooleanValue
      style?: StringValue | StyleValueObject
      tabindex?: StringValue
      title?: StringValue
      translate?: Value<"yes" | "no">
    }
    interface HtmlAnchorProps extends HtmlProps<HTMLAnchorElement> {
      href?: StringValue
      target?: StringValue
      download?: StringValue
      ping?: StringValue
      rel?: StringValue
      media?: StringValue
      hreflang?: StringValue
      type?: StringValue
    }
    interface HtmlAreaProps extends HtmlProps<HTMLAreaElement> {
      alt?: StringValue
      coords?: StringValue
      shape?: StringValue
      href?: StringValue
      target?: StringValue
      ping?: StringValue
      rel?: StringValue
      media?: StringValue
      hreflang?: StringValue
      type?: StringValue
    }
    interface HtmlAudioProps extends HtmlProps<HTMLAudioElement> {
      src?: StringValue
      autobuffer?: StringValue
      autoplay?: BooleanValue
      loop?: BooleanValue
      controls?: BooleanValue
    }
    interface HtmlBaseProps extends HtmlProps {
      href?: StringValue
      target?: StringValue
    }
    interface HtmlQuoteProps extends HtmlProps<HTMLQuoteElement> {
      cite?: StringValue
    }
    interface HtmlBodyProps extends HtmlProps<HTMLBodyElement> {}
    interface HtmlButtonProps extends HtmlProps<HTMLButtonElement> {
      action?: StringValue
      autofocus?: BooleanValue
      disabled?: BooleanValue
      enctype?: StringValue
      form?: StringValue
      method?: StringValue
      name?: StringValue
      novalidate?: BooleanValue
      target?: StringValue
      type?: StringValue
      value?: StringValue
    }
    interface HtmlDataListProps extends HtmlProps<HTMLDataListElement> {}
    interface HtmlCanvasProps extends HtmlProps<HTMLCanvasElement> {
      width?: NumberValue
      height?: NumberValue
    }
    interface HtmlTableColProps extends HtmlProps<HTMLTableColElement> {
      span?: StringValue
    }
    interface HtmlTableSectionProps extends HtmlProps<HTMLTableSectionElement> {}
    interface HtmlTableRowProps extends HtmlProps<HTMLTableRowElement> {}
    interface HtmlDataProps extends HtmlProps {
      value?: StringValue
    }
    interface HtmlEmbedProps extends HtmlProps<HTMLEmbedElement> {
      src?: StringValue
      type?: StringValue
      width?: NumberValue
      height?: NumberValue
      [anything: string]: AnyHtmlPropValue
    }
    interface HtmlFieldSetProps extends HtmlProps<HTMLFieldSetElement> {
      disabled?: BooleanValue
      form?: StringValue
      name?: StringValue
    }
    interface HtmlFormProps extends HtmlProps<HTMLFormElement> {
      acceptCharset?: StringValue
      action?: StringValue
      autocomplete?: StringValue
      enctype?: StringValue
      method?: StringValue
      name?: StringValue
      novalidate?: BooleanValue
      target?: StringValue
    }
    interface HtmlHtmlProps extends HtmlProps<HTMLHtmlElement> {
      manifest?: StringValue
    }
    interface HtmlIFrameProps extends HtmlProps<HTMLIFrameElement> {
      src?: StringValue
      srcdoc?: StringValue
      name?: StringValue
      sandbox?: StringValue
      seamless?: StringValue
      width?: NumberValue
      height?: NumberValue
    }
    interface HtmlImageProps extends HtmlProps<HTMLImageElement> {
      alt?: StringValue
      src?: StringValue
      crossorigin?: StringValue
      usemap?: StringValue
      ismap?: StringValue
      width?: NumberValue
      height?: NumberValue
    }
    interface HtmlInputProps extends HtmlProps<HTMLInputElement> {
      accept?: StringValue
      action?: StringValue
      alt?: StringValue
      autocomplete?: StringValue
      autofocus?: BooleanValue
      checked?: BooleanValue
      disabled?: BooleanValue
      enctype?: StringValue
      form?: StringValue
      height?: NumberValue
      list?: StringValue
      max?: NumberValue
      maxlength?: NumberValue
      method?: StringValue
      min?: NumberValue
      multiple?: BooleanValue
      name?: StringValue
      novalidate?: BooleanValue
      pattern?: StringValue
      placeholder?: StringValue
      readonly?: BooleanValue
      required?: BooleanValue
      size?: NumberValue
      src?: StringValue
      step?: NumberValue
      target?: StringValue
      type?: StringValue
      value?: StringValue | NumberValue
      width?: NumberValue
    }
    interface HtmlModProps extends HtmlProps<HTMLModElement> {
      cite?: StringValue
      datetime?: StringValue | DateValue
    }
    interface HtmlLabelProps extends HtmlProps<HTMLLabelElement> {
      form?: StringValue
      for?: StringValue
    }
    interface HtmlLIProps extends HtmlProps<HTMLLIElement> {
      value?: StringValue | NumberValue
    }
    interface HtmlLinkProps extends HtmlProps<HTMLLinkElement> {
      href?: StringValue
      crossorigin?: StringValue
      rel?: StringValue
      media?: StringValue
      hreflang?: StringValue
      type?: StringValue
      sizes?: StringValue
      integrity?: StringValue
    }
    interface HtmlMapProps extends HtmlProps<HTMLMapElement> {
      name?: StringValue
    }
    interface HtmlMetaProps extends HtmlProps<HTMLMetaElement> {
      name?: StringValue
      httpEquiv?: StringValue
      content?: StringValue
      charset?: StringValue
    }
    interface HtmlMeterProps extends HtmlProps<HTMLMeterElement> {
      value?: StringValue | NumberValue
      min?: StringValue | NumberValue
      max?: StringValue | NumberValue
      low?: StringValue | NumberValue
      high?: StringValue | NumberValue
      optimum?: StringValue | NumberValue
    }
    interface HtmlObjectProps extends HtmlProps<HTMLObjectElement> {
      data?: StringValue
      type?: StringValue
      name?: StringValue
      usemap?: StringValue
      form?: StringValue
      width?: NumberValue
      height?: NumberValue
    }
    interface HtmlOListProps extends HtmlProps<HTMLOListElement> {
      reversed?: BooleanValue
      start?: StringValue | NumberValue
    }
    interface HtmlOptGroupProps extends HtmlProps<HTMLOptGroupElement> {
      disabled?: BooleanValue
      label?: StringValue
    }
    interface HtmlOptionProps extends HtmlProps<HTMLOptionElement> {
      disabled?: BooleanValue
      label?: StringValue
      selected?: BooleanValue
      value?: StringValue
    }
    interface HtmlOutputProps extends HtmlProps<HTMLOutputElement> {
      for?: StringValue
      form?: StringValue
      name?: StringValue
    }
    interface HtmlParamProps extends HtmlProps<HTMLParamElement> {
      name?: StringValue
      value?: StringValue
    }
    interface HtmlProgressProps extends HtmlProps<HTMLProgressElement> {
      value?: StringValue | NumberValue
      max?: StringValue | NumberValue
    }
    interface HtmlLegendProps extends HtmlProps<HTMLLegendElement> {}
    interface HtmlMenuProps extends HtmlProps<HTMLMenuElement> {
      type?: StringValue
      label?: StringValue
    }
    interface HtmlScriptProps extends HtmlProps<HTMLScriptElement> {
      src?: StringValue
      type?: StringValue
      charset?: StringValue
      async?: BooleanValue
      defer?: BooleanValue
      crossorigin?: StringValue
      integrity?: StringValue
      text?: StringValue
    }
    interface HtmlDetailsProps extends HtmlProps<HTMLDetailsElement> {
      open?: BooleanValue
    }
    interface HtmlSelectProps extends HtmlProps<HTMLSelectElement> {
      autofocus?: BooleanValue
      disabled?: BooleanValue
      form?: StringValue
      multiple?: BooleanValue
      name?: StringValue
      required?: BooleanValue
      size?: NumberValue
    }
    interface HtmlSourceProps extends HtmlProps<HTMLSourceElement> {
      src?: StringValue
      type?: StringValue
      media?: StringValue
    }
    interface HtmlStyleProps extends HtmlProps<HTMLStyleElement> {
      media?: StringValue
      type?: StringValue
      disabled?: BooleanValue
      /** @deprecated https://www.w3schools.com/tags/att_scoped.asp */
      scoped?: BooleanValue
    }
    interface HtmlTableProps extends HtmlProps<HTMLTableElement> {}
    interface HtmlTableDataCellProps extends HtmlProps<HTMLTableDataCellElement> {
      colspan?: StringValue | NumberValue
      rowspan?: StringValue | NumberValue
      headers?: StringValue
    }
    interface HtmlTextAreaProps extends HtmlProps<HTMLTextAreaElement> {
      autofocus?: BooleanValue
      cols?: NumberValue
      dirname?: StringValue
      disabled?: BooleanValue
      form?: StringValue
      maxlength?: NumberValue
      minlength?: NumberValue
      name?: StringValue
      placeholder?: StringValue
      readonly?: BooleanValue
      required?: BooleanValue
      rows?: NumberValue
      wrap?: BooleanValue
    }
    interface HtmlTableHeaderCellProps extends HtmlProps<HTMLTableHeaderCellElement> {
      colspan?: StringValue | NumberValue
      rowspan?: StringValue | NumberValue
      headers?: StringValue
      scope?: StringValue
    }
    interface HtmlTimeProps extends HtmlProps<HTMLTimeElement> {
      datetime?: StringValue | DateValue
    }
    interface HtmlTrackProps extends HtmlProps<HTMLTrackElement> {
      default?: BooleanValue
      kind?: StringValue
      label?: StringValue
      src?: StringValue
      srclang?: StringValue
    }
    interface HtmlVideoProps extends HtmlProps<HTMLVideoElement> {
      src?: StringValue
      poster?: StringValue
      autobuffer?: StringValue
      autoplay?: BooleanValue
      loop?: BooleanValue
      controls?: BooleanValue
      width?: NumberValue
      height?: NumberValue
    }

    /** AnyProps is a general props definition for intrinsic elements (<a>, <div>, <iframe>, etc.) */
    interface AnyProps extends ElementProps {
      [attrName: string]: AnyValue
    }
  }
}