import * as React from "react";
import type { components } from "@khanacademy/perseus";
type Props = {
    id?: string;
    testId?: string;
    type?: string;
    name?: string;
    readOnly?: boolean;
    value?: string | ReadonlyArray<string> | number | undefined;
    placeholder?: string;
    defaultValue?: string | number | ReadonlyArray<string> | undefined;
    disabled?: boolean;
    autoFocus?: boolean;
    maxLength?: number;
    invalid?: "true" | "false";
    style?: React.CSSProperties | undefined;
    className?: string;
    width?: number | string;
    grow?: boolean | number;
    shrink?: boolean | number;
    labelMediumInputText?: boolean;
    icon?: React.ReactElement<React.ComponentProps<typeof components.Icon>>;
    leftSideIcon?: boolean;
    backgroundColor?: string;
    focusBorderColor?: string;
    borderColor?: string;
    color?: string;
    onSubmit?: (arg1: React.ChangeEvent<HTMLInputElement>) => unknown;
    onBlur?: (arg1: React.ChangeEvent<HTMLInputElement>) => unknown;
    onFocus?: (arg1: React.ChangeEvent<HTMLInputElement>) => unknown;
    onChange?: (arg1: React.ChangeEvent<HTMLInputElement>) => unknown;
    onClick?: (arg1: React.MouseEvent<HTMLInputElement>) => unknown;
    onKeyPress?: (arg1: React.KeyboardEvent<HTMLInputElement>) => unknown;
    onKeyDown?: (arg1: React.KeyboardEvent<HTMLInputElement>) => unknown;
    ["aria-label"]?: string;
    ["aria-describedby"]?: string | undefined;
};
declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
export default _default;
