import * as stylex from '@stylexjs/stylex';
export declare const styles: Readonly<{
    readonly dropdown: Readonly<{
        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
        readonly transition: stylex.StyleXClassNameFor<"transition", "all 0.2s ease-in-out">;
    }>;
    readonly dropdownButton: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "0.5rem">;
        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
        readonly transition: stylex.StyleXClassNameFor<"transition", "all 0.2s ease-in-out">;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: {
                readonly default: "rgba(0,0,0,0.05)";
                readonly "@media (prefers-color-scheme: dark)": "rgba(255,255,255,0.05)";
            };
        }>;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly outlineWidth: "2px";
            readonly outlineStyle: "solid";
            readonly outlineColor: "#007bff";
            readonly outlineOffset: "2px";
        }>;
    }>;
    readonly valueContainer: Readonly<{
        readonly flex: stylex.StyleXClassNameFor<"flex", 1>;
        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
        readonly marginRight: stylex.StyleXClassNameFor<"marginRight", "3rem">;
        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "2.4rem">;
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
    }>;
    readonly placeholder: Readonly<{
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.5>;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "inherit">;
    }>;
    readonly loadingText: Readonly<{
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.7>;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "inherit">;
    }>;
    readonly loadingSpinner: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "1.25rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "1.25rem">;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.5>;
        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
        readonly right: stylex.StyleXClassNameFor<"right", "1rem">;
        readonly top: stylex.StyleXClassNameFor<"top", "50%">;
        readonly transform: stylex.StyleXClassNameFor<"transform", "translateY(-50%)">;
        readonly animationName: stylex.StyleXClassNameFor<"animationName", string>;
        readonly animationDuration: stylex.StyleXClassNameFor<"animationDuration", "1s">;
        readonly animationIterationCount: stylex.StyleXClassNameFor<"animationIterationCount", "infinite">;
        readonly animationTimingFunction: stylex.StyleXClassNameFor<"animationTimingFunction", "linear">;
    }>;
    readonly smallLoadingSpinner: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "1rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "1rem">;
    }>;
    readonly mediumLoadingSpinner: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "1.25rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "1.25rem">;
    }>;
    readonly largeLoadingSpinner: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "1.5rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "1.5rem">;
    }>;
    readonly dropdownList: Readonly<{
        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 10>;
        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
        readonly left: stylex.StyleXClassNameFor<"left", 0>;
        readonly right: stylex.StyleXClassNameFor<"right", 0>;
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", "200px">;
        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "white" | "#1a1a1a">;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "0.5rem">;
        readonly maxHeight: stylex.StyleXClassNameFor<"maxHeight", "25rem">;
        readonly overflowY: stylex.StyleXClassNameFor<"overflowY", "auto">;
        readonly overflowX: stylex.StyleXClassNameFor<"overflowX", "hidden">;
        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "0 4px 6px rgba(0,0,0,0.1)" | "0 4px 6px rgba(255,255,255,0.1)">;
        readonly animationName: stylex.StyleXClassNameFor<"animationName", string>;
        readonly animationDuration: stylex.StyleXClassNameFor<"animationDuration", "0.2s">;
        readonly animationIterationCount: stylex.StyleXClassNameFor<"animationIterationCount", "1">;
        readonly animationTimingFunction: stylex.StyleXClassNameFor<"animationTimingFunction", "ease-in-out">;
        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
    }>;
    readonly searchInputContainer: Readonly<{
        readonly position: stylex.StyleXClassNameFor<"position", "sticky">;
        readonly bottom: stylex.StyleXClassNameFor<"bottom", 0>;
        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 1>;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "white" | "#1a1a1a">;
        readonly borderTopWidth: stylex.StyleXClassNameFor<"borderTopWidth", "1px">;
        readonly borderTopStyle: stylex.StyleXClassNameFor<"borderTopStyle", "solid">;
        readonly borderTopColor: stylex.StyleXClassNameFor<"borderTopColor", string>;
        readonly padding: stylex.StyleXClassNameFor<"padding", "0.5rem">;
        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
        readonly marginTop: stylex.StyleXClassNameFor<"marginTop", "auto">;
        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
    }>;
    readonly searchInput: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
        readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", "100%">;
        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "0.75rem 1rem">;
        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "0.375rem">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.4rem">;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "rgba(0,0,0,0.02)" | "rgba(255,255,255,0.02)">;
        readonly outlineWidth: stylex.StyleXClassNameFor<"outlineWidth", "none">;
        readonly outlineStyle: stylex.StyleXClassNameFor<"outlineStyle", "none">;
        readonly display: stylex.StyleXClassNameFor<"display", "block">;
        readonly transition: stylex.StyleXClassNameFor<"transition", "all 0.15s ease-in-out">;
        readonly '::placeholder': stylex.StyleXClassNameFor<"::placeholder", {
            readonly color: stylex.StyleXVar<string>;
            readonly opacity: 0.5;
        }>;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly outline: "none";
            readonly borderColor: "#007bff";
            readonly backgroundColor: {
                readonly default: "rgba(0,123,255,0.03)";
                readonly "@media (prefers-color-scheme: dark)": "rgba(0,123,255,0.05)";
            };
        }>;
    }>;
    readonly optionsList: Readonly<{
        readonly flex: stylex.StyleXClassNameFor<"flex", 1>;
        readonly overflowY: stylex.StyleXClassNameFor<"overflowY", "auto">;
        readonly overflowX: stylex.StyleXClassNameFor<"overflowX", "hidden">;
        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", 0>;
    }>;
    readonly dropdownItem: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "2rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "1rem 1rem 1rem 1.5rem">;
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly transition: stylex.StyleXClassNameFor<"transition", "background-color 0.1s ease-in-out">;
        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: {
                readonly default: "rgba(0,0,0,0.05)";
                readonly "@media (prefers-color-scheme: dark)": "rgba(255,255,255,0.05)";
            };
        }>;
    }>;
    readonly noResults: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.6rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "2rem 1.5rem">;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.6>;
        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "center">;
        readonly fontStyle: stylex.StyleXClassNameFor<"fontStyle", "italic">;
        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "normal">;
        readonly wordWrap: stylex.StyleXClassNameFor<"wordWrap", "break-word">;
        readonly overflowWrap: stylex.StyleXClassNameFor<"overflowWrap", "break-word">;
        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
        readonly display: stylex.StyleXClassNameFor<"display", "block">;
        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", 1.5>;
        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
    }>;
    readonly iconBase: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "3rem">;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
        readonly right: stylex.StyleXClassNameFor<"right", "1rem">;
        readonly top: stylex.StyleXClassNameFor<"top", "50%">;
        readonly transform: stylex.StyleXClassNameFor<"transform", "translateY(-50%)">;
        readonly transition: stylex.StyleXClassNameFor<"transition", "transform 0.2s ease-in-out">;
    }>;
    readonly highlightedItem: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "rgba(0,123,255,0.1)" | "rgba(0,123,255,0.2)">;
    }>;
    readonly largeEmoji: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "2.5rem">;
    }>;
    readonly errorState: Readonly<{}>;
    readonly errorButton: Readonly<{
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "#dc3545">;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly outlineWidth: "2px";
            readonly outlineStyle: "solid";
            readonly outlineColor: "#dc3545";
            readonly outlineOffset: "2px";
        }>;
    }>;
    readonly errorMessage: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.2rem">;
        readonly color: stylex.StyleXClassNameFor<"color", "#dc3545">;
        readonly marginTop: stylex.StyleXClassNameFor<"marginTop", "0.5rem">;
        readonly marginBottom: stylex.StyleXClassNameFor<"marginBottom", "0.5rem">;
    }>;
    readonly disabledState: Readonly<{
        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.6>;
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
    }>;
    readonly disabledButton: Readonly<{
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "rgba(0,0,0,0.05)" | "rgba(255,255,255,0.05)">;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: {
                readonly default: "rgba(0,0,0,0.05)";
                readonly "@media (prefers-color-scheme: dark)": "rgba(255,255,255,0.05)";
            };
        }>;
    }>;
    readonly smallSelect: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.4rem">;
        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", 300>;
        readonly letterSpacing: stylex.StyleXClassNameFor<"letterSpacing", "0.1rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "0.7rem">;
        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", 1>;
    }>;
    readonly smallButtonText: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.4rem">;
        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", 300>;
        readonly letterSpacing: stylex.StyleXClassNameFor<"letterSpacing", "0.1rem">;
    }>;
    readonly smallValueContainer: Readonly<{
        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "1.7rem">;
    }>;
    readonly smallIcon: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "1.5rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "1.5rem">;
    }>;
    readonly smallCountryName: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.2rem">;
    }>;
    readonly smallPhoneCode: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1rem">;
    }>;
    readonly smallFlagIcon: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "2rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "2rem">;
    }>;
    readonly smallDropdownList: Readonly<{
        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", "200px">;
        readonly maxHeight: stylex.StyleXClassNameFor<"maxHeight", "20rem">;
    }>;
    readonly smallDropdownItem: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.6rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "0.8rem 1rem 0.8rem 1.2rem">;
    }>;
    readonly smallSearchInput: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.2rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "0.6rem 0.8rem">;
    }>;
    readonly smallNoResults: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.4rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "1.5rem 1.2rem">;
    }>;
    readonly mediumSelect: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.6rem">;
        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", 300>;
        readonly letterSpacing: stylex.StyleXClassNameFor<"letterSpacing", "0.1rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "1rem">;
        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", 1>;
    }>;
    readonly mediumButtonText: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.6rem">;
    }>;
    readonly mediumValueContainer: Readonly<{
        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "1.9rem">;
    }>;
    readonly mediumIcon: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "2rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "2rem">;
    }>;
    readonly mediumCountryName: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.4rem">;
    }>;
    readonly mediumPhoneCode: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.2rem">;
    }>;
    readonly mediumFlagIcon: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "2.5rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "2.5rem">;
    }>;
    readonly mediumDropdownList: Readonly<{
        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", "200px">;
        readonly maxHeight: stylex.StyleXClassNameFor<"maxHeight", "25rem">;
    }>;
    readonly mediumDropdownItem: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "2rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "1rem 1rem 1rem 1.5rem">;
    }>;
    readonly mediumSearchInput: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.4rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "0.75rem 1rem">;
    }>;
    readonly mediumNoResults: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.6rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "2rem 1.5rem">;
    }>;
    readonly largeSelect: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "2rem">;
        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", 300>;
        readonly letterSpacing: stylex.StyleXClassNameFor<"letterSpacing", "0.1rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "1.2rem">;
        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", 1>;
    }>;
    readonly largeButtonText: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "2rem">;
    }>;
    readonly largeValueContainer: Readonly<{
        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "2.4rem">;
    }>;
    readonly largeIcon: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "2.5rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "2.5rem">;
    }>;
    readonly largeCountryName: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.6rem">;
    }>;
    readonly largePhoneCode: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.4rem">;
    }>;
    readonly largeFlagIcon: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "3rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "3rem">;
    }>;
    readonly largeDropdownList: Readonly<{
        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", "200px">;
        readonly maxHeight: stylex.StyleXClassNameFor<"maxHeight", "30rem">;
    }>;
    readonly largeDropdownItem: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "2.5rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "1.2rem 1rem 1.2rem 1.8rem">;
    }>;
    readonly largeSearchInput: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.6rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "0.85rem 1.2rem">;
    }>;
    readonly largeNoResults: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.8rem">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "2.5rem 1.8rem">;
    }>;
    readonly flagContainer: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly gap: stylex.StyleXClassNameFor<"gap", "1.5rem">;
        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
    }>;
    readonly countryInfo: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "flex-start">;
        readonly gap: stylex.StyleXClassNameFor<"gap", "0.1rem">;
        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
        readonly flex: stylex.StyleXClassNameFor<"flex", 1>;
        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
    }>;
    readonly countryName: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1rem">;
        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", "500">;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
        readonly textOverflow: stylex.StyleXClassNameFor<"textOverflow", "ellipsis">;
        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
    }>;
    readonly phoneCode: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "0.875rem">;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.7>;
        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", "400">;
        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
        readonly textOverflow: stylex.StyleXClassNameFor<"textOverflow", "ellipsis">;
        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
    }>;
    readonly flagIcon: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "2rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "1.5rem">;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "0.125rem">;
        readonly objectFit: stylex.StyleXClassNameFor<"objectFit", "cover">;
    }>;
    readonly smallFlagSize: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "2rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "2rem">;
    }>;
    readonly mediumFlagSize: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "2.5rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "2.5rem">;
    }>;
    readonly largeFlagSize: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "3rem">;
        readonly height: stylex.StyleXClassNameFor<"height", "3rem">;
    }>;
}>;