import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import cx from "classnames";
import { FormattedMessage } from "react-intl";
export function TrendItem({ item, onSelect, isSelected, isFocused, }) {
    return (_jsxs("div", { className: cx("gd-kda-trend-item", {
            "gd-kda-trend-item-selected": isSelected,
            "gd-kda-trend-item-focused": isFocused,
        }), onClick: onSelect, children: [
            _jsx("div", { className: cx("gd-kda-trend-item-text"), children: item.stringTitle }), _jsx("div", { className: cx("gd-kda-trend-item-drivers"), children: _jsx(FormattedMessage, { id: "kdaDialog.dialog.keyDrives.drivers", values: {
                        count: item.data.driver,
                    } }) })
        ] }));
}
//# sourceMappingURL=TrendItem.js.map