import { j as r } from "../../../_virtual/jsx-runtime.js";
import { Header as n } from "../styles.js";
const j = ({
  variant: a,
  headerVariant: d,
  title: i,
  secondaryText: t,
  "data-testid": s,
  "data-trackid": e
}) => /* @__PURE__ */ r.jsxs(
  n,
  {
    variant: a,
    headerVariant: d,
    "data-testid": s,
    "data-trackid": e,
    children: [
      typeof i == "string" ? /* @__PURE__ */ r.jsx("h2", { children: i }) : { title: i },
      t && typeof t == "string" || t === "" ? /* @__PURE__ */ r.jsx("p", { children: t }) : /* @__PURE__ */ r.jsx(r.Fragment, { children: typeof t < "u" && t })
    ]
  }
);
export {
  j as default
};
