import { IconType } from '@autoguru/icons';
import React, { type ChangeEventHandler, type ComponentProps, type ComponentType, type FocusEventHandler, type ForwardedRef, type InputHTMLAttributes, type KeyboardEventHandler, type MouseEventHandler, type ReactNode, type Ref, type RefObject } from 'react';
import { type Sprinkles } from '../../../styles/sprinkles.css';
import type { TestIdProp } from '../../../types';
import { NotchedBase } from './NotchedBase';
import type { InputSize } from './withEnhancedInput.css';
type ElementTypes = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;
type NativeAttributes<E extends ElementTypes> = Omit<InputHTMLAttributes<E>, 'as' | 'color' | 'height' | 'is' | 'placeholder' | 'size' | 'width'>;
export interface EventHandlers<E extends ElementTypes> {
    onChange?: ChangeEventHandler<E>;
    onBlur?: FocusEventHandler<E>;
    onFocus?: FocusEventHandler<E>;
    onKeyDown?: KeyboardEventHandler<E>;
    onClick?: MouseEventHandler<E>;
    onMouseEnter?: MouseEventHandler<E>;
    onMouseLeave?: MouseEventHandler<E>;
    onReset?(): void;
}
export interface EnhanceInputPrimitiveProps<E extends ElementTypes> extends NativeAttributes<E>, Pick<ComponentProps<typeof NotchedBase>, 'notch' | 'placeholder' | 'attach' | 'borderMerged' | 'isFocused'>, Pick<Sprinkles, 'backgroundColour'>, TestIdProp {
    name: string;
    id?: string;
    className?: string;
    value?: string;
    hintText?: ReactNode;
    autoFocus?: boolean;
    disabled?: boolean;
    reserveHintSpace?: boolean;
    size?: InputSize;
    fieldIcon?: IconType;
    prefixIcon?: IconType;
    suffixIcon?: IconType;
    wrapperRef?: Ref<HTMLDivElement>;
    isLoading?: boolean;
}
export interface ValidationProps {
    isTouched?: boolean;
    isValid?: boolean;
}
export type EnhanceInputProps<IncomingProps, E extends ElementTypes> = IncomingProps & EnhanceInputPrimitiveProps<E> & EventHandlers<E> & ValidationProps;
export type WrappedComponentProps<IncomingProps, E extends ElementTypes> = {
    size: InputSize;
    validation: ValidationProps;
    eventHandlers: EventHandlers<E>;
    field: Omit<EnhanceInputPrimitiveProps<E>, 'placeholder' | 'hintText' | 'fieldIcon' | 'size'> & {
        ref: ForwardedRef<ElementTypes> | RefObject<ElementTypes>;
    };
    fieldIcon?: EnhanceInputPrimitiveProps<E>['fieldIcon'];
    className?: boolean;
    prefixed: boolean;
    suffixed: boolean;
    isLoading: boolean;
} & IncomingProps & Pick<ComponentProps<typeof NotchedBase>, 'attach' | 'borderMerged' | 'isFocused'>;
interface EnhancedInputConfigs<ValueType = string> {
    defaultValue?: ValueType;
    withPrefixIcon?: boolean;
    withSuffixIcon?: boolean;
    primitiveType: 'textarea' | 'text' | 'number' | 'date' | 'select' | 'color';
}
export declare const withEnhancedInput: <IncomingProps extends object = {}, E extends ElementTypes = HTMLInputElement>(WrappingComponent: ComponentType<WrappedComponentProps<IncomingProps, E>>, { primitiveType, withPrefixIcon, withSuffixIcon, defaultValue, }?: EnhancedInputConfigs) => React.ForwardRefExoticComponent<React.PropsWithoutRef<EnhanceInputProps<IncomingProps, E>> & React.RefAttributes<E>>;
export {};
//# sourceMappingURL=withEnhancedInput.d.ts.map