import { EventKeys } from '@nature-ui/utils';
import React, { ElementType } from 'react';

interface IdProps {
    id?: string;
}
interface InputDOMEvents {
    onCopy?: React.ClipboardEventHandler<HTMLInputElement>;
    onCut?: React.ClipboardEventHandler<HTMLInputElement>;
    onPaste?: React.ClipboardEventHandler<HTMLInputElement>;
    onCompositionStart?: React.CompositionEventHandler<HTMLInputElement>;
    onCompositionEnd?: React.CompositionEventHandler<HTMLInputElement>;
    onCompositionUpdate?: React.CompositionEventHandler<HTMLInputElement>;
    onSelect?: React.ReactEventHandler<HTMLInputElement>;
    onBeforeInput?: React.FormEventHandler<HTMLInputElement>;
    onInput?: React.FormEventHandler<HTMLInputElement>;
}
interface InputDOMProps extends IdProps, InputDOMEvents {
    autoComplete?: string;
    maxLength?: number;
    minLength?: number;
    name?: string;
    pattern?: string;
    placeholder?: string;
    type?: 'text' | 'search' | 'url' | 'tel' | 'email' | 'password' | 'hidden' | (string & {});
    inputMode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
}
type MaybeRenderProp<P> = React.ReactNode | ((props: P) => React.ReactNode);
type WithoutStyleAttr<T> = Omit<T, 'color' | 'width' | 'height'>;
type HTMLProps<T = any> = WithoutStyleAttr<React.HTMLAttributes<T>> & React.RefAttributes<T>;
interface DOMElement extends Element, HTMLOrSVGElement {
}
type DataAttributes = {
    [dataAttr: string]: any;
};
type DOMAttributes<T = DOMElement> = React.AriaAttributes & React.DOMAttributes<T> & DataAttributes & {
    id?: string;
    role?: React.AriaRole;
    tabIndex?: number;
    style?: React.CSSProperties;
};
type InputDOMAttributes = InputDOMProps & DOMAttributes<HTMLInputElement>;
type Merge<M, N> = N extends Record<string, unknown> ? M : Omit<M, keyof N> & N;
type PropGetter<P = Record<string, unknown>, R = DOMAttributes> = (props?: Merge<DOMAttributes, P>, ref?: React.Ref<any> | React.RefObject<any>) => R & React.RefAttributes<any>;
type PropGetterV2<T extends ElementType, P = {}> = (props?: React.ComponentPropsWithoutRef<T> & P, ref?: React.Ref<any> | React.RefObject<any>) => React.ComponentPropsWithRef<T>;
type EventKeyMap = Partial<Record<EventKeys, React.KeyboardEventHandler>>;

export { DOMAttributes, DOMElement, EventKeyMap, HTMLProps, IdProps, InputDOMAttributes, InputDOMEvents, InputDOMProps, MaybeRenderProp, PropGetter, PropGetterV2 };