import { jsx as _jsx } from "react/jsx-runtime";
import { ReadRequiredModal } from "@powerhousedao/design-system/connect";
import { closePHModal, usePHModal } from "@powerhousedao/reactor-browser";
import { Trans, useTranslation } from "react-i18next";
export const CookiesPolicyModal = () => {
    const phModal = usePHModal();
    const open = phModal?.type === "cookiesPolicy";
    const { t } = useTranslation();
    return (_jsx(ReadRequiredModal, { open: open, header: t("modals.cookiesPolicy.title"), body: _jsx(Trans, { i18nKey: "modals.cookiesPolicy.body", components: {
                subtitle: _jsx("h2", { className: "mb-4 text-lg font-bold" }),
                p: _jsx("p", { className: "mb-2" }),
                list: _jsx("ul", { className: "mb-4 list-disc pl-6" }),
                bullet: _jsx("li", {}),
            } }), bodyProps: { className: "text-left" }, closeLabel: "Close", onContinue: () => closePHModal(), overlayProps: { style: { zIndex: 10000 } } }));
};
//# sourceMappingURL=CookiesPolicyModal.js.map