import { Component, JSX } from 'solid-js';
import { Field } from '../field/field.cjs';
import { Override } from '@material-solid/utils/types';
import { Ref } from '@material-solid/utils/refs';

type TextFieldType = "email" | "number" | "password" | "search" | "tel" | "text" | "url" | "textarea";
type ResolvableProps<Resolved extends boolean = false, SharedProps = {}, UnresolvedProps = {}, ResolvedProps = {}> = Resolved extends true ? Override<SharedProps, ResolvedProps> : Override<SharedProps, UnresolvedProps>;
type TextFieldInputElement = HTMLInputElement | HTMLTextAreaElement;
declare namespace TextField {
    type Props<Resolved extends boolean = false> = ProtectedProps<Resolved> & PublicProps<Resolved>;
    type ProtectedProps<Resolved extends boolean = false> = {
        fieldComponent: Component<Field.PublicProps>;
    };
    type PublicProps<Resolved extends boolean = false> = ResolvableProps<Resolved, {
        ref?: Ref<Element>;
        onChange?: JSX.ChangeEventHandlerUnion<TextFieldInputElement, Event>;
        onInput?: JSX.InputEventHandlerUnion<TextFieldInputElement, InputEvent>;
        onSelect?: JSX.EventHandlerUnion<TextFieldInputElement, Event>;
    }, {
        type?: TextFieldType;
        value?: string;
        label?: string;
        placeholder?: string;
        disabled?: boolean;
        required?: boolean;
    }, {
        type: TextFieldType;
        value: string;
        placeholder: string;
        label: string;
        disabled: boolean;
        required: boolean;
    }>;
    interface Element {
        focus(): void;
    }
}
declare const TextField: <Resolved extends boolean = false>(props: TextField.Props<Resolved>) => JSX.Element;

export { TextField, type TextFieldType };