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

// lib/utils.ts
function cn(...inputs) {
  return twMerge(clsx(inputs));
}
var defaultLogos = [
  {
    name: "Company 1",
    logo: "https://cdn.ing/assets/files/record/286222/4w39lhwei0pa97up2wjnay3j96gh"
  },
  {
    name: "Company 2",
    logo: "https://cdn.ing/assets/files/record/286252/xd7hyzbpkjwsauxm5j9yn9v44min"
  },
  {
    name: "Company 3",
    logo: "https://cdn.ing/assets/files/record/286216/bw4zypgflisdtapxy0n4nbmsmtum"
  },
  {
    name: "Company 4",
    logo: "https://cdn.ing/assets/files/record/286284/cz20wf2l2tjokrxu563pcml7pkmu"
  },
  {
    name: "Company 5",
    logo: "https://cdn.ing/assets/files/record/286215/6wwi6yh2ax2nuo2vqa5gn9vozrgq"
  },
  {
    name: "Company 6",
    logo: "https://cdn.ing/assets/files/record/286249/ff7m4wdw0zefj7d96v4ajmljuifc"
  }
];
function LogosCenteredSimple({
  className,
  title = "Trusted by innovative companies",
  subtitle = "Join thousands of businesses that rely on our platform",
  logos = defaultLogos,
  optixFlowConfig
}) {
  return /* @__PURE__ */ jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
    /* @__PURE__ */ jsxs("div", { className: "mb-12 text-center", children: [
      /* @__PURE__ */ jsx("h2", { className: "mb-3 text-2xl font-semibold md:text-3xl", children: title }),
      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: subtitle })
    ] }),
    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center justify-center gap-x-12 gap-y-8", children: logos.map((logo, index) => /* @__PURE__ */ jsx(
      "div",
      {
        className: "flex items-center justify-center opacity-70 grayscale transition-all hover:opacity-100 hover:grayscale-0",
        children: /* @__PURE__ */ jsx(
          Img,
          {
            src: logo.logo,
            alt: `${logo.name} logo`,
            width: 120,
            height: 48,
            className: "h-12 w-auto object-contain",
            optixFlowConfig
          }
        )
      },
      index
    )) })
  ] }) });
}

export { LogosCenteredSimple };
//# sourceMappingURL=logos-centered-simple.js.map
//# sourceMappingURL=logos-centered-simple.js.map