import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
// (C) 2025-2026 GoodData Corporation
import cx from "classnames";
import { FormattedMessage } from "react-intl";
import { UiIcon } from "@gooddata/sdk-ui-kit";
export function DiffHeadline({ change, amount }) {
    return (_jsxs("div", { className: cx("gd-kda-headline-diff"), children: [change > 0 ? (_jsx(UiIcon, { type: "trendUp", size: 14, color: "complementary-5" })) : (_jsx(UiIcon, { type: "trendDown", size: 14, color: "complementary-5" })), _jsx("div", { children: _jsx(FormattedMessage, { id: "kdaDialog.dialog.keyDrives.overview.diff.title" }) }), _jsx("div", { children: _jsxs("strong", { children: [amount, " (", Math.round(change * 10000) / 100, "%)"] }) })
        ] }));
}
//# sourceMappingURL=DiffHeadline.js.map