"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));
}
function AboutStoryGallery({
  className,
  containerClassName,
  title = "Our Story",
  titleClassName,
  description = `We started with a vision to transform how businesses build software. What began as a small team with big ideas has grown into a platform trusted by thousands of companies worldwide.

Our journey has been defined by a commitment to innovation, user experience, and making powerful tools accessible to everyone. We believe that the best software is built when creativity meets simplicity.

Today, we continue to push boundaries, helping teams of all sizes bring their ideas to life without the traditional barriers of software development.`,
  descriptionClassName,
  images,
  imagesSlot,
  imagesClassName,
  optixFlowConfig
}) {
  const renderImages = () => {
    if (imagesSlot) return imagesSlot;
    if (!images || images.length === 0) return null;
    return /* @__PURE__ */ jsx("div", { className: cn("mt-16 grid gap-4 md:grid-cols-3", imagesClassName), children: images.map((image, idx) => /* @__PURE__ */ jsx(
      Img,
      {
        src: image.src,
        alt: image.alt,
        className: cn(
          "h-64 w-full rounded-xl object-cover",
          image.className
        ),
        optixFlowConfig
      },
      idx
    )) });
  };
  return /* @__PURE__ */ jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsxs("div", { className: cn("container", containerClassName), children: [
    /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl text-center", children: [
      title && (typeof title === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-4xl font-bold tracking-tight md:text-5xl", titleClassName), children: title }) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title })),
      description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-6 text-lg text-muted-foreground whitespace-pre-line", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: cn("mt-6", descriptionClassName), children: description }))
    ] }),
    renderImages()
  ] }) });
}

export { AboutStoryGallery };
//# sourceMappingURL=about-story-gallery.js.map
//# sourceMappingURL=about-story-gallery.js.map