"use client";
'use strict';

var clsx = require('clsx');
var tailwindMerge = require('tailwind-merge');
var img = require('@page-speed/img');
var SeparatorPrimitive = require('@radix-ui/react-separator');
var jsxRuntime = require('react/jsx-runtime');

function _interopNamespace(e) {
  if (e && e.__esModule) return e;
  var n = Object.create(null);
  if (e) {
    Object.keys(e).forEach(function (k) {
      if (k !== 'default') {
        var d = Object.getOwnPropertyDescriptor(e, k);
        Object.defineProperty(n, k, d.get ? d : {
          enumerable: true,
          get: function () { return e[k]; }
        });
      }
    });
  }
  n.default = e;
  return Object.freeze(n);
}

var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);

// lib/utils.ts
function cn(...inputs) {
  return tailwindMerge.twMerge(clsx.clsx(inputs));
}
function Separator({
  className,
  orientation = "horizontal",
  decorative = true,
  ...props
}) {
  return /* @__PURE__ */ jsxRuntime.jsx(
    SeparatorPrimitive__namespace.Root,
    {
      "data-slot": "separator",
      decorative,
      orientation,
      className: cn(
        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
        className
      ),
      ...props
    }
  );
}

// lib/blockBrandedIconsAndPlaceholders.ts
var blockBrandedIconsAndPlaceholders = {
  placeholder1: "https://cdn.ing/assets/files/record/286200/io0rg4wv8jd2o792q4uouxg4d5k8",
  placeholder2: "https://cdn.ing/assets/files/record/286201/l8f27khqrs9eumdi9r0ihvbe886u",
  fictionalCompanyLogo2: "https://cdn.ing/assets/files/record/286216/bw4zypgflisdtapxy0n4nbmsmtum",
  fictionalCompanyLogo3: "https://cdn.ing/assets/files/record/286215/6wwi6yh2ax2nuo2vqa5gn9vozrgq"};
var defaultTestimonials = [
  {
    image: blockBrandedIconsAndPlaceholders.placeholder1,
    quote: "This productivity tool transformed how we collaborate. Our team's workflow improved dramatically, and we've cut meeting time by half while increasing output.",
    authorName: "Michael Rivera",
    authorRole: "Product Director",
    companyLogo: blockBrandedIconsAndPlaceholders.fictionalCompanyLogo2,
    stats: [
      {
        value: "98%",
        label: "Customer Satisfaction",
        description: "From verified reviews"
      },
      {
        value: "3.8x",
        label: "ROI Improvement",
        description: "Within first quarter"
      }
    ]
  },
  {
    image: blockBrandedIconsAndPlaceholders.placeholder2,
    quote: "The interface is intuitive and customizable to our needs. We implemented it across departments with minimal training and saw immediate results.",
    authorName: "Sarah Chen",
    authorRole: "Operations Lead",
    companyLogo: blockBrandedIconsAndPlaceholders.fictionalCompanyLogo3,
    stats: [
      {
        value: "4.2x",
        label: "Team Efficiency",
        description: "Proven productivity gains"
      },
      {
        value: "72%",
        label: "Reduced Task Time",
        description: "Across all projects"
      }
    ]
  }
];
function CaseStudiesTestimonialStats({
  heading = "4500+ Satisfied Customers",
  subheading = "Real results from real users",
  testimonials = defaultTestimonials,
  testimonialsSlot,
  className,
  containerClassName,
  headerClassName,
  headingClassName,
  subheadingClassName,
  testimonialsClassName,
  testimonialItemClassName,
  imageClassName,
  quoteClassName,
  authorClassName,
  statsClassName,
  separatorClassName,
  optixFlowConfig
}) {
  const renderTestimonials = () => {
    if (testimonialsSlot) return testimonialsSlot;
    if (!testimonials || testimonials.length === 0) return null;
    return testimonials.map((testimonial, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: testimonialItemClassName, children: [
      index > 0 && /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: cn("my-20", separatorClassName) }),
      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-16 lg:grid-cols-3 xl:gap-24", children: [
        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-10 border-border sm:flex-row lg:col-span-2 lg:border-r lg:pr-16 xl:pr-24", children: [
          /* @__PURE__ */ jsxRuntime.jsx(
            img.Img,
            {
              src: testimonial.image,
              alt: typeof testimonial.authorName === "string" ? testimonial.authorName : "Testimonial author",
              className: cn("aspect-29/35 h-full w-full max-w-60 rounded-2xl object-cover", imageClassName),
              loading: "lazy",
              optixFlowConfig
            }
          ),
          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col justify-between gap-10", children: [
            typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsx("q", { className: cn("sm:text-xl", quoteClassName), children: testimonial.quote }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: quoteClassName, children: testimonial.quote }),
            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-end gap-6", authorClassName), children: [
              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
                typeof testimonial.authorName === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-semibold text-primary", children: testimonial.authorName }) : testimonial.authorName,
                typeof testimonial.authorRole === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: testimonial.authorRole }) : testimonial.authorRole
              ] }),
              /* @__PURE__ */ jsxRuntime.jsx(
                img.Img,
                {
                  src: testimonial.companyLogo,
                  alt: "Company logo",
                  loading: "lazy",
                  optixFlowConfig
                }
              )
            ] })
          ] })
        ] }),
        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex gap-10 self-center lg:flex-col", statsClassName), children: testimonial.stats.map((stat, statIndex) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
          typeof stat.value === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-4xl font-medium text-primary sm:text-5xl", children: stat.value }) : stat.value,
          typeof stat.label === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-primary", children: stat.label }) : stat.label,
          typeof stat.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: stat.description }) : stat.description
        ] }, statIndex)) })
      ] })
    ] }, index));
  };
  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container", containerClassName), children: [
    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-6 text-center", headerClassName), children: [
      heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("font-medium", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
      subheading && (typeof subheading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-4xl font-medium md:text-5xl", subheadingClassName), children: subheading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: subheadingClassName, children: subheading }))
    ] }),
    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-20", testimonialsClassName), children: renderTestimonials() })
  ] }) });
}

exports.CaseStudiesTestimonialStats = CaseStudiesTestimonialStats;
//# sourceMappingURL=case-studies-testimonial-stats.cjs.map
//# sourceMappingURL=case-studies-testimonial-stats.cjs.map