import { j as e } from "./jsx-runtime-C_nHp4yK.js";
const a = ({ title: l, subtitle: t, titleLg: x }) =>
  e.jsxs("div", {
    className:
      "flex flex-col gap-1 w-full lg:flex-row lg:justify-between lg:items-start xl:gap-[var(--spacing-scale-024)]",
    children: [
      e.jsx("div", {
        className:
          "lg:w-[369px] lg:h-[120px] lg:flex lg:items-center xl:w-[452px] xl:h-[156px] xl:flex xl:items-center",
        children: e.jsxs("h2", {
          className:
            "font-bricolage-grotesque font-bold text-[28px] leading-[36px] sm:text-[32px] sm:leading-[40px] lg:text-[32px] lg:leading-[40px] lg:w-[369px] lg:pr-24 xl:text-[40px] xl:leading-[52px] xl:w-[452px] xl:pr-24 text-[var(--color-content-default-primary)]",
          children: [
            e.jsx("span", { className: "block lg:hidden", children: l }),
            e.jsx("span", { className: "hidden lg:block", children: x || l }),
          ],
        }),
      }),
      e.jsx("div", {
        className:
          "lg:w-[928px] lg:h-[120px] lg:flex lg:items-center lg:justify-end xl:w-[763px] xl:h-[156px] xl:flex xl:items-center xl:justify-end",
        children: e.jsx("p", {
          className:
            "font-inter font-normal text-[18px] leading-[130%] sm:text-[18px] sm:leading-[32px] lg:text-[24px] lg:leading-[32px] xl:text-[32px] xl:leading-[40px] xl:text-right text-[#484848] sm:text-[var(--color-content-default-tertiary)] lg:text-[var(--color-content-default-tertiary)] xl:text-[var(--color-content-default-tertiary)] tracking-[0px]",
          children: t,
        }),
      }),
    ],
  });
a.__docgenInfo = { description: "", methods: [], displayName: "SectionHeader" };
export { a as S };