import { jsxs as p, jsx as d } from "react/jsx-runtime";
import { forwardRef as u, createElement as c } from "react";
import { cx as f } from "../../utils/classNames.js";
import { useArrowTheme as h } from "../../hooks/useArrowTheme.js";
const g = u(
  ({
    icon: e,
    iconA11yLabel: v,
    header: r,
    headlineType: t = "h2",
    body: n,
    children: i,
    inverse: l,
    className: o
  }, s) => {
    const a = h(), m = l ?? a.inverse;
    return /* @__PURE__ */ p(
      "div",
      {
        ref: s,
        className: f("tdds-full-page-interruption", o),
        ...m ? { "data-inverse": "true" } : {},
        children: [
          e ?? null,
          c(
            t,
            { className: "tdds-full-page-interruption__headline" },
            r
          ),
          /* @__PURE__ */ d("p", { className: "tdds-full-page-interruption__body", children: n }),
          i
        ]
      }
    );
  }
);
g.displayName = "FullPageInterruption";
export {
  g as FullPageInterruption
};
//# sourceMappingURL=FullPageInterruption.js.map
