"use client";
'use strict';

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

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 AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);

// lib/utils.ts
function cn(...inputs) {
  return tailwindMerge.twMerge(clsx.clsx(inputs));
}
function Card({ className, ...props }) {
  return /* @__PURE__ */ jsxRuntime.jsx(
    "div",
    {
      "data-slot": "card",
      className: cn(
        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
        className
      ),
      ...props
    }
  );
}
function CardHeader({ className, ...props }) {
  return /* @__PURE__ */ jsxRuntime.jsx(
    "div",
    {
      "data-slot": "card-header",
      className: cn(
        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
        className
      ),
      ...props
    }
  );
}
function CardContent({ className, ...props }) {
  return /* @__PURE__ */ jsxRuntime.jsx(
    "div",
    {
      "data-slot": "card-content",
      className: cn("px-6", className),
      ...props
    }
  );
}
function Avatar({
  className,
  ...props
}) {
  return /* @__PURE__ */ jsxRuntime.jsx(
    AvatarPrimitive__namespace.Root,
    {
      "data-slot": "avatar",
      className: cn(
        "relative flex size-8 shrink-0 overflow-hidden rounded-full",
        className
      ),
      ...props
    }
  );
}
function AvatarImage({
  className,
  ...props
}) {
  return /* @__PURE__ */ jsxRuntime.jsx(
    AvatarPrimitive__namespace.Image,
    {
      "data-slot": "avatar-image",
      className: cn("aspect-square size-full", className),
      ...props
    }
  );
}
function AvatarFallback({
  className,
  ...props
}) {
  return /* @__PURE__ */ jsxRuntime.jsx(
    AvatarPrimitive__namespace.Fallback,
    {
      "data-slot": "avatar-fallback",
      className: cn(
        "bg-muted flex size-full items-center justify-center rounded-full",
        className
      ),
      ...props
    }
  );
}

// lib/blockBrandedIconsAndPlaceholders.ts
var blockBrandedIconsAndPlaceholders = {
  fictionalCompanyLogo1: "https://cdn.ing/assets/files/record/286222/4w39lhwei0pa97up2wjnay3j96gh",
  fictionalCompanyLogo2: "https://cdn.ing/assets/files/record/286216/bw4zypgflisdtapxy0n4nbmsmtum",
  fictionalCompanyLogo3: "https://cdn.ing/assets/files/record/286215/6wwi6yh2ax2nuo2vqa5gn9vozrgq",
  fictionalCompanyLogo4: "https://cdn.ing/assets/files/record/286230/rl5ccu4bblexv7k2xj6ku4xig4xp",
  avatar1: "https://cdn.ing/assets/i/r/286239/ebm7o3j2kx48vw98emnwjaf5qvl6/avatar-1.webp",
  avatar2: "https://cdn.ing/assets/i/r/286240/vgf3rrkwn0769pfdtpal60uo5vpw/avatar-2.webp",
  avatar3: "https://cdn.ing/assets/i/r/286241/05vbqt3lls0q974r8fv4zn0njllq/avatar-3.webp",
  avatar4: "https://cdn.ing/assets/i/r/286242/y0zkazxawxrl3twwkw63twf04pdt/avatar-4.webp"};
var DEFAULT_TESTIMONIALS = [
  {
    id: "1",
    content: "This platform has transformed the way we develop web applications. The extensive collection of UI components and blocks has significantly accelerated our workflow. The flexibility to customize every aspect allows us to create unique user experiences.",
    author: {
      name: "Sarah Chen",
      role: "Software Engineer",
      avatar: blockBrandedIconsAndPlaceholders.avatar1
    },
    companyLogo: blockBrandedIconsAndPlaceholders.fictionalCompanyLogo1,
    companyLogoAlt: "TechCorp"
  },
  {
    id: "2",
    content: "Extraordinary and very practical. No need to break your head trying to figure things out. A real gold mine for developers who want to ship fast without sacrificing quality.",
    author: {
      name: "Michael Torres",
      role: "Software Engineer",
      avatar: blockBrandedIconsAndPlaceholders.avatar2
    },
    companyLogo: blockBrandedIconsAndPlaceholders.fictionalCompanyLogo2,
    companyLogoAlt: "StartupXYZ"
  },
  {
    id: "3",
    content: "Great work on the templates. This is one of the best component libraries I have seen so far! The attention to detail and the quality of the code is impressive.",
    author: {
      name: "Emily Watson",
      role: "Creator",
      avatar: blockBrandedIconsAndPlaceholders.avatar3
    },
    companyLogo: blockBrandedIconsAndPlaceholders.fictionalCompanyLogo3,
    companyLogoAlt: "GrowthCo"
  },
  {
    id: "4",
    content: "The best personal website template I have seen so far! Clean, modern, and incredibly well-documented. Made our development process so much smoother.",
    author: {
      name: "David Kim",
      role: "Creator",
      avatar: blockBrandedIconsAndPlaceholders.avatar4
    },
    companyLogo: blockBrandedIconsAndPlaceholders.fictionalCompanyLogo4,
    companyLogoAlt: "DevStudio"
  }
];
function TestimonialsLogoCards({
  testimonials = DEFAULT_TESTIMONIALS,
  title = "Trusted by Leading Companies",
  subtitle = "See what our enterprise clients say",
  className,
  optixFlowConfig
}) {
  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn("py-16 md:py-24", className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container", children: [
    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto mb-12 max-w-2xl text-center", children: [
      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-3xl font-semibold tracking-tight md:text-4xl", children: title }),
      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 text-lg text-muted-foreground", children: subtitle })
    ] }),
    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4 lg:grid-rows-2", children: testimonials.map((testimonial, index) => /* @__PURE__ */ jsxRuntime.jsxs(
      Card,
      {
        className: cn(
          "flex flex-col",
          index === 0 && "sm:col-span-2 lg:row-span-2"
        ),
        children: [
          testimonial.companyLogo && /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { className: "pb-0", children: /* @__PURE__ */ jsxRuntime.jsx(
            img.Img,
            {
              src: testimonial.companyLogo,
              alt: testimonial.companyLogoAlt || "Company logo",
              className: "h-6 w-auto object-contain dark:invert",
              optixFlowConfig
            }
          ) }),
          /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "flex flex-1 flex-col justify-between gap-6 pt-6", children: [
            /* @__PURE__ */ jsxRuntime.jsx(
              "blockquote",
              {
                className: cn(
                  "leading-relaxed",
                  index === 0 ? "text-xl font-medium" : "text-sm"
                ),
                children: testimonial.content
              }
            ),
            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
              /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: cn(index === 0 ? "size-12" : "size-10"), children: [
                /* @__PURE__ */ jsxRuntime.jsx(
                  AvatarImage,
                  {
                    src: testimonial.author.avatar,
                    alt: testimonial.author.name
                  }
                ),
                /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: testimonial.author.name.split(" ").map((n) => n[0]).join("") })
              ] }),
              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                /* @__PURE__ */ jsxRuntime.jsx("cite", { className: "text-sm font-medium not-italic", children: testimonial.author.name }),
                testimonial.author.role && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: testimonial.author.role })
              ] })
            ] })
          ] })
        ]
      },
      testimonial.id
    )) })
  ] }) });
}

exports.TestimonialsLogoCards = TestimonialsLogoCards;
//# sourceMappingURL=testimonials-logo-cards.cjs.map
//# sourceMappingURL=testimonials-logo-cards.cjs.map