import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { defineMessages, useIntl } from "react-intl";
import { UiButton, UiIcon } from "@gooddata/sdk-ui-kit";
import { bem } from "../bem.js";
const { b, e } = bem("gd-ui-ext-notification-details-dialog");
const messages = defineMessages({
    closeButtonLabel: {
        id: "close",
    },
});
export function DetailsDialog({ onClose, title, content }) {
    const intl = useIntl();
    return (_jsxs("div", { className: b(), children: [_jsxs("div", { className: e("header"), children: [_jsx("div", { className: e("header-title"), children: title }), _jsx("div", { role: "button", className: e("header-close-button"), onClick: onClose, children: _jsx(UiIcon, { type: "close", size: 14, color: "complementary-7" }) })] }), _jsx("div", { className: e("content"), children: content }), _jsx("div", { className: e("footer"), children: _jsx(UiButton, { variant: "secondary", label: intl.formatMessage(messages.closeButtonLabel), size: "small", onClick: onClose }) })] }));
}
//# sourceMappingURL=DetailsDialog.js.map