import './styles.scss';
export declare const LanguageSelectorModes: readonly ["white", "blue"];
export declare const LanguageSelectorSizes: readonly ["large", "medium", "small"];
export type LanguageSelectorSizes = (typeof LanguageSelectorSizes)[number];
export declare const LanguageSelectorColors: readonly ["primary", "secondary", "tertiary"];
export type LanguageSelectorColors = (typeof LanguageSelectorColors)[number];
export type Props = {
    className?: string;
    color?: LanguageSelectorColors;
    size?: LanguageSelectorSizes;
    /** When true, the trigger shows "Name - code" (e.g. English - en) instead of only the code. */
    showFullLanguageLabel?: boolean;
    /** When true, the option list opens above the trigger instead of below. */
    openToTop?: boolean;
    mobile?: boolean;
    renderMode?: 'dropdown' | 'profile-menu';
    itemLabel?: string;
};
export type AvailableLanguage = {
    value: string;
    name: string;
};
export declare const AvailableLanguages: AvailableLanguage[];
export default function LanguageSelector({ className, color, size, showFullLanguageLabel, openToTop, mobile, renderMode, itemLabel, }: Props): import("react").JSX.Element | null;