// (C) 2019 GoodData Corporation
import { IntlShape } from "react-intl";
import { IDropdownItem } from "../components/configurationControls/DropdownControl";

export function getTranslation(
    translationId: string,
    intl: IntlShape,
    values: { [key: string]: string } = {},
) {
    return intl ? intl.formatMessage({ id: translationId }, values) : translationId;
}

export function getTranslatedDropdownItems(dropdownItems: IDropdownItem[], intl: IntlShape): IDropdownItem[] {
    return dropdownItems.map((item: IDropdownItem) => {
        const translatedTitleProp = item.title ? { title: getTranslation(item.title, intl) } : {};
        return { ...item, ...translatedTitleProp };
    });
}