/// <reference types="react" />
import { Props, Variant } from './Phone.types';
export declare const placeholderNormalization: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<Pick<Props, "disabled" | "variant">, import("styled-components").DefaultTheme>>;
/**
 * TODO: Select is undefined when running test:
 * src/Molecules/Input/Select/__tests__/Select.test.tsx
 *
 *    Cannot create styled-component for component: undefined.
 *    > 76 | export const StyledSelect = styled(Select)`
 *                                       ^
 */
export declare const StyledSelect: import("styled-components").StyledComponent<{
    (props: import("../Select/Select.types").Props): import("react").JSX.Element;
    useSelectMachineFromContext: () => [import("xstate").State<import("../Select/machine").Context, import("xstate").AnyEventObject, any, any, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, import("xstate").AnyEventObject, import("xstate").BaseActionObject, import("xstate").ServiceMap>>, (event: import("xstate").SCXML.Event<import("xstate").AnyEventObject> | import("xstate").SingleOrArray<import("xstate").Event<import("xstate").AnyEventObject>>, payload?: import("xstate").EventData | undefined) => import("xstate").State<import("../Select/machine").Context, import("xstate").AnyEventObject, any, any, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, import("xstate").AnyEventObject, import("xstate").BaseActionObject, import("xstate").ServiceMap>>, import("xstate").Interpreter<import("../Select/machine").Context, any, import("xstate").AnyEventObject, any, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, import("xstate").AnyEventObject, import("xstate").BaseActionObject, import("xstate").ServiceMap>>];
    ACTION_TYPES: {
        SYNC: string;
        OPEN: string;
        CLOSE: string;
        TOGGLE: string;
        FOCUS: string;
        BLUR: string;
        SELECT_FOCUSED_ITEM: string;
        SELECT_ITEM: string;
        DESELECT_ITEM: string;
        CHANGE_COMMIT: string;
        CHANGE_COMMIT_ABORT: string;
        ITEM_CLICK: string;
        SEARCH_QUERY_UPDATE: string;
        MOUSE_MOVE: string;
        KEY_PRESS: string;
        FOCUS_NEXT_ITEM: string;
        FOCUS_PREV_ITEM: string;
    };
    SYMBOL_ALL: typeof import("../Select/lib/constants").SYMBOL_ALL;
    defaults: {
        components: {
            ListItem: import("react").FC<{
                index: number;
            }>;
            List: import("react").FC<{
                listPosition?: string | undefined;
                searchComponent?: import("react").ReactNode;
                actionsComponent?: import("react").ReactNode;
                maxHeight?: string | undefined;
                noFormField?: boolean | undefined;
                placement?: "top" | "bottom" | undefined;
                itemsPerColumn?: number | undefined;
                columnWidth?: string | undefined;
                listWidth?: string | undefined;
                invertedColors?: boolean | undefined;
                children?: import("react").ReactNode;
            }>;
            ListFullScreen: ({ children, searchComponent, actionsComponent, }: {
                searchComponent?: import("react").ReactNode;
                actionsComponent?: import("react").ReactNode;
                children?: import("react").ReactNode;
            }) => import("react").JSX.Element;
            Search: import("react").ForwardRefExoticComponent<{
                'aria-activedescendant': string;
                'data-testid': string;
                hidden: boolean;
                value: string;
                onChange: import("react").ChangeEventHandler<Element>;
                fullscreenOnMobile: boolean;
            } & import("react").RefAttributes<HTMLInputElement>>;
            SelectedValue: () => import("react").JSX.Element;
            Action: import("react").FC<{
                isKeyboardNavigation: boolean;
                focused: boolean;
                label: string;
                icon: import("react").ReactNode;
                disabled?: boolean | undefined;
            }>;
        };
        componentsMultiselect: {
            ListItem: ({ index }: {
                index: number;
            }) => import("react").JSX.Element | null;
            List: import("react").FC<{
                listPosition?: string | undefined;
                searchComponent?: import("react").ReactNode;
                actionsComponent?: import("react").ReactNode;
                maxHeight?: string | undefined;
                noFormField?: boolean | undefined;
                placement?: "top" | "bottom" | undefined;
                itemsPerColumn?: number | undefined;
                columnWidth?: string | undefined;
                listWidth?: string | undefined;
                invertedColors?: boolean | undefined;
                children?: import("react").ReactNode;
            }>;
            ListFullScreen: ({ children, searchComponent, actionsComponent, }: {
                searchComponent?: import("react").ReactNode;
                actionsComponent?: import("react").ReactNode;
                children?: import("react").ReactNode;
            }) => import("react").JSX.Element;
            Search: import("react").ForwardRefExoticComponent<{
                'aria-activedescendant': string;
                'data-testid': string;
                hidden: boolean;
                value: string;
                onChange: import("react").ChangeEventHandler<Element>;
                fullscreenOnMobile: boolean;
            } & import("react").RefAttributes<HTMLInputElement>>;
            SelectedValue: () => import("react").JSX.Element;
            Action: import("react").FC<{
                isKeyboardNavigation: boolean;
                focused: boolean;
                label: string;
                icon: import("react").ReactNode;
                disabled?: boolean | undefined;
            }>;
        };
    };
}, import("styled-components").DefaultTheme, {}, never>;
export declare const StyledCountryCode: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
    sm?: Partial<import("../../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
    md?: Partial<import("../../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
    lg?: Partial<import("../../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
    xl?: Partial<import("../../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
} & import("../../../Atoms/Flexbox/Flexbox.types").ItemProps & import("../../../Atoms/Flexbox/Flexbox.types").ContainerProps & {
    className?: string | undefined;
} & {
    children?: import("react").ReactNode;
    as?: any;
} & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
    disabled?: boolean | undefined;
}, never>;
export declare const StyledInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<HTMLInputElement>>, import("styled-components").DefaultTheme, {
    type: any;
} & Partial<Props>, "type">;
export declare const StyledWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
    sm?: Partial<import("../../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
    md?: Partial<import("../../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
    lg?: Partial<import("../../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
    xl?: Partial<import("../../../Atoms/Flexbox/Flexbox.types").FlexProps> | undefined;
} & import("../../../Atoms/Flexbox/Flexbox.types").ItemProps & import("../../../Atoms/Flexbox/Flexbox.types").ContainerProps & {
    className?: string | undefined;
} & {
    children?: import("react").ReactNode;
    as?: any;
} & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
    disabled?: boolean | undefined;
    focused?: boolean | undefined;
    variant?: Variant | undefined;
}, never>;
export declare const StyledBox: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
    as?: any;
    backgroundColor?: "inherit" | import("../../../common/Types").ColorFn | undefined;
    className?: string | undefined;
    children?: import("react").ReactNode;
} & import("../../../Atoms/Box/Box.types").Paddings & {
    mt?: string | number | undefined;
    mb?: string | number | undefined;
    ml?: string | number | undefined;
    mr?: string | number | undefined;
    mx?: string | number | undefined;
    my?: string | number | undefined;
    m?: string | number | undefined;
} & {
    sm?: Partial<import("../../../Atoms/Box/Box.types").Paddings & {
        mt?: string | number | undefined;
        mb?: string | number | undefined;
        ml?: string | number | undefined;
        mr?: string | number | undefined;
        mx?: string | number | undefined;
        my?: string | number | undefined;
        m?: string | number | undefined;
    }> | undefined;
    md?: Partial<import("../../../Atoms/Box/Box.types").Paddings & {
        mt?: string | number | undefined;
        mb?: string | number | undefined;
        ml?: string | number | undefined;
        mr?: string | number | undefined;
        mx?: string | number | undefined;
        my?: string | number | undefined;
        m?: string | number | undefined;
    }> | undefined;
    xl?: Partial<import("../../../Atoms/Box/Box.types").Paddings & {
        mt?: string | number | undefined;
        mb?: string | number | undefined;
        ml?: string | number | undefined;
        mr?: string | number | undefined;
        mx?: string | number | undefined;
        my?: string | number | undefined;
        m?: string | number | undefined;
    }> | undefined;
    lg?: Partial<import("../../../Atoms/Box/Box.types").Paddings & {
        mt?: string | number | undefined;
        mb?: string | number | undefined;
        ml?: string | number | undefined;
        mr?: string | number | undefined;
        mx?: string | number | undefined;
        my?: string | number | undefined;
        m?: string | number | undefined;
    }> | undefined;
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
    focused?: boolean | undefined;
    isKeyboardNavigation?: boolean | undefined;
}, never>;
export declare const StyledTypography: import("styled-components").StyledComponent<import("react").FC<import("../../../Atoms/Typography/Typography.types").Props>, import("styled-components").DefaultTheme, {}, never>;
