"use client";
import { clsx } from 'clsx';
import { twMerge } from 'tailwind-merge';
import { Img } from '@page-speed/img';
import { jsxs, jsx } from 'react/jsx-runtime';

// lib/utils.ts
function cn(...inputs) {
  return twMerge(clsx(inputs));
}
var defaultPartners = [
  {
    name: "Partner 1",
    logo: "https://cdn.ing/assets/files/record/286222/4w39lhwei0pa97up2wjnay3j96gh"
  },
  {
    name: "Partner 2",
    logo: "https://cdn.ing/assets/files/record/286252/xd7hyzbpkjwsauxm5j9yn9v44min"
  },
  {
    name: "Partner 3",
    logo: "https://cdn.ing/assets/files/record/286216/bw4zypgflisdtapxy0n4nbmsmtum"
  },
  {
    name: "Partner 4",
    logo: "https://cdn.ing/assets/files/record/286284/cz20wf2l2tjokrxu563pcml7pkmu"
  },
  {
    name: "Partner 5",
    logo: "https://cdn.ing/assets/files/record/286215/6wwi6yh2ax2nuo2vqa5gn9vozrgq"
  }
];
function LogosInlineTagline({
  className,
  tagline = "Used by the world's leading companies",
  partners = defaultPartners,
  optixFlowConfig
}) {
  return /* @__PURE__ */ jsxs(
    "section",
    {
      className: cn(
        "container flex flex-wrap items-center justify-between gap-12 py-32",
        className
      ),
      children: [
        /* @__PURE__ */ jsx("p", { className: "text-lg leading-[140%] tracking-[-0.32px] text-primary", children: tagline }),
        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-x-8 gap-y-6 opacity-70 grayscale lg:gap-[60px]", children: partners.map((partner, index) => /* @__PURE__ */ jsx(
          Img,
          {
            src: partner.logo,
            alt: `${partner.name} logo`,
            width: 109,
            height: 48,
            className: "object-contain",
            optixFlowConfig
          },
          index
        )) })
      ]
    }
  );
}

export { LogosInlineTagline };
//# sourceMappingURL=logos-inline-tagline.js.map
//# sourceMappingURL=logos-inline-tagline.js.map