import { jsxs as l, Fragment as m, jsx as r } from "@emotion/react/jsx-runtime";
import { IconStyled as p, TitleStyled as u, HeaderStyled as h } from "../slots/PaperFormSlots.js";
import { useMemo as y } from "react";
const x = (n) => {
  const { urlIcon: e, title: o, size: t, dataTestId: d, color: s, variant: a } = n, c = {
    color: s,
    variant: a
  }, i = y(() => /* @__PURE__ */ l(m, { children: [
    e ? /* @__PURE__ */ r(p, { src: e, size: t }) : null,
    /* @__PURE__ */ r(u, { variant: "bodyDens", size: t, children: o })
  ] }), [e, o, t]);
  return /* @__PURE__ */ r(h, { role: "heading", ownerState: c, ...process.env.NODE_ENV !== "production" ? { "data-testid": d } : {}, children: i });
};
export {
  x as Header
};
