import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
// (C) 2024-2025 GoodData Corporation
import { defineMessages, useIntl } from "react-intl";
import { bem } from "../bem.js";
import { DetailsDialog } from "../components/DetailsDialog.js";
const { b, e } = bem("gd-ui-ext-notification-filters-detail-dialog");
const messages = defineMessages({
    title: {
        id: "notifications.filters.dialog.title",
    },
});
/**
 * @internal
 */
export function NotificationFiltersDetailDialog({ filters, onClose }) {
    const intl = useIntl();
    return (_jsx(DetailsDialog, { title: `${intl.formatMessage(messages.title)} (${filters.length})`, content: _jsx("div", { className: b(), children: filters.map(({ title, filter }, idx) => (_jsxs("div", { className: e("item"), children: [
                    _jsx("div", { className: e("label"), children: title }), _jsx("div", { className: e("values"), children: filter })
                ] }, idx))) }), onClose: onClose }));
}
//# sourceMappingURL=NotificationFiltersDetailDialog.js.map