import { PlatformBlocksTheme, SizeValue } from '../../core/theme/types';
import { InputStyleProps } from './types';
/**
 * Width floor for a field on wide screens. Fields dropped into a shrinking
 * flex parent (a row, a form grid) otherwise collapse to something too narrow
 * to type in; mobile skips the floor entirely and just fills the row, since
 * 400px is wider than the viewport.
 *
 * The floor is clamped to the parent so it can never push the field past it —
 * a field inside a narrow panel (a 420px sign-in card) would otherwise overflow
 * the panel's own padding, since `min-width` outranks both `width` and
 * `max-width`. Web gets the clamp via CSS `min()`; Yoga has no equivalent, so
 * native keeps the plain floor.
 */
export declare const INPUT_MIN_WIDTH = 400;
export declare const inputMinWidthFloor: () => {
    minWidth: number;
};
export declare const createInputStyles: (theme: PlatformBlocksTheme, isRTL?: boolean, isMobile?: boolean) => {
    getInputStyles: (props: InputStyleProps, radiusStyles?: any) => {
        container: {
            minWidth?: number | undefined;
            marginBottom: number;
            width: "100%";
        };
        error: {
            color: string;
            fontSize: number;
            marginTop: number;
        };
        helperText: {
            color: string;
            fontSize: number;
            marginTop: number;
        };
        input: any;
        inputContainer: any;
        label: {
            color: string;
            fontSize: number;
            fontWeight: "600";
            marginBottom: number;
        };
        startSection: {
            paddingLeft: number;
        } | {
            paddingRight: number;
        };
        required: {
            color: string;
        };
        endSection: {
            alignItems: "center";
            flexDirection: "row";
            paddingRight: number;
        } | {
            alignItems: "center";
            flexDirection: "row";
            paddingLeft: number;
        };
    };
    getSizeStyles: (size: SizeValue) => {
        fontSize: number;
        minHeight: number;
    };
};