"use client";
import { clsx } from 'clsx';
import { twMerge } from 'tailwind-merge';
import * as AvatarPrimitive from '@radix-ui/react-avatar';
import { jsx, jsxs } from 'react/jsx-runtime';

// lib/utils.ts
function cn(...inputs) {
  return twMerge(clsx(inputs));
}
function Avatar({
  className,
  ...props
}) {
  return /* @__PURE__ */ jsx(
    AvatarPrimitive.Root,
    {
      "data-slot": "avatar",
      className: cn(
        "relative flex size-8 shrink-0 overflow-hidden rounded-full",
        className
      ),
      ...props
    }
  );
}
function AvatarImage({
  className,
  ...props
}) {
  return /* @__PURE__ */ jsx(
    AvatarPrimitive.Image,
    {
      "data-slot": "avatar-image",
      className: cn("aspect-square size-full", className),
      ...props
    }
  );
}
function AvatarFallback({
  className,
  ...props
}) {
  return /* @__PURE__ */ jsx(
    AvatarPrimitive.Fallback,
    {
      "data-slot": "avatar-fallback",
      className: cn(
        "bg-muted flex size-full items-center justify-center rounded-full",
        className
      ),
      ...props
    }
  );
}
function Card({ className, ...props }) {
  return /* @__PURE__ */ 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 CardContent({ className, ...props }) {
  return /* @__PURE__ */ jsx(
    "div",
    {
      "data-slot": "card-content",
      className: cn("px-6", className),
      ...props
    }
  );
}

// lib/blockBrandedIconsAndPlaceholders.ts
var blockBrandedIconsAndPlaceholders = {
  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",
  avatar5: "https://cdn.ing/assets/i/r/286243/alziyfoo570m3vade3usufzlzj6x/avatar-5.webp",
  avatar6: "https://cdn.ing/assets/i/r/286244/t7u1jpe1phm0fvmh3ybh3flhfg6i/avatar-6.webp",
  avatar7: "https://cdn.ing/assets/i/r/286245/yf2wb1scwmdgntba2on67q0t091d/avatar-7.webp",
  avatar8: "https://cdn.ing/assets/i/r/286246/jsrq5sf9oxi8piujnfrdjqmg5zvx/avatar-8.webp"};
var DEFAULT_TESTIMONIALS = [
  {
    id: "1",
    content: "This platform has completely transformed how we approach our daily operations. The intuitive design and powerful features have made our team significantly more productive. I can't imagine going back to our old workflow.",
    author: {
      name: "Sarah Chen",
      role: "Product Manager",
      avatar: blockBrandedIconsAndPlaceholders.avatar1
    }
  },
  {
    id: "2",
    content: "Outstanding support and an exceptional product. Highly recommend!",
    author: {
      name: "Michael Torres",
      role: "CEO",
      avatar: blockBrandedIconsAndPlaceholders.avatar2
    }
  },
  {
    id: "3",
    content: "The best investment we've made this year. Our team adopted it instantly and the results speak for themselves.",
    author: {
      name: "Emily Watson",
      role: "Operations Director",
      avatar: blockBrandedIconsAndPlaceholders.avatar3
    }
  },
  {
    id: "4",
    content: "Clean interface, powerful features, and excellent documentation. Everything a developer could ask for. The API is well-designed and the SDK makes integration a breeze.",
    author: {
      name: "David Kim",
      role: "Senior Developer",
      avatar: blockBrandedIconsAndPlaceholders.avatar4
    }
  },
  {
    id: "5",
    content: "Simple, elegant, and powerful. A game-changer for our workflow.",
    author: {
      name: "Lisa Park",
      role: "Engineering Manager",
      avatar: blockBrandedIconsAndPlaceholders.avatar5
    }
  },
  {
    id: "6",
    content: "We've tried many solutions, but this one stands out for its reliability and ease of use. The customer support team is also incredibly responsive.",
    author: {
      name: "Alex Rivera",
      role: "Design Director",
      avatar: blockBrandedIconsAndPlaceholders.avatar6
    }
  },
  {
    id: "7",
    content: "Intuitive design that requires minimal training. Our onboarding time dropped significantly since we started using this platform.",
    author: {
      name: "Jordan Lee",
      role: "HR Manager",
      avatar: blockBrandedIconsAndPlaceholders.avatar7
    }
  },
  {
    id: "8",
    content: "The attention to detail is impressive. Every feature feels thoughtfully designed.",
    author: {
      name: "Maya Patel",
      role: "UX Designer",
      avatar: blockBrandedIconsAndPlaceholders.avatar8
    }
  }
];
function TestimonialsMasonryGrid({
  testimonials = DEFAULT_TESTIMONIALS,
  title = "What People Say",
  subtitle = "Feedback from our community",
  className
}) {
  const columns = [
    testimonials.filter((_, i) => i % 3 === 0),
    testimonials.filter((_, i) => i % 3 === 1),
    testimonials.filter((_, i) => i % 3 === 2)
  ];
  return /* @__PURE__ */ jsx("section", { className: cn("py-16 md:py-24", className), children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
    /* @__PURE__ */ jsxs("div", { className: "mx-auto mb-12 max-w-2xl text-center", children: [
      /* @__PURE__ */ jsx("h2", { className: "text-3xl font-semibold tracking-tight md:text-4xl", children: title }),
      /* @__PURE__ */ jsx("p", { className: "mt-4 text-lg text-muted-foreground", children: subtitle })
    ] }),
    /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: columns.map((column, columnIndex) => /* @__PURE__ */ jsx("div", { className: "space-y-4", children: column.map((testimonial) => /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6", children: [
      /* @__PURE__ */ jsxs("p", { className: "mb-4 text-sm leading-relaxed", children: [
        "\u201C",
        testimonial.content,
        "\u201D"
      ] }),
      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
        /* @__PURE__ */ jsxs(Avatar, { className: "size-9", children: [
          /* @__PURE__ */ jsx(
            AvatarImage,
            {
              src: testimonial.author.avatar,
              alt: testimonial.author.name
            }
          ),
          /* @__PURE__ */ jsx(AvatarFallback, { className: "text-xs", children: testimonial.author.name.split(" ").map((n) => n[0]).join("") })
        ] }),
        /* @__PURE__ */ jsxs("div", { children: [
          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: testimonial.author.name }),
          testimonial.author.role && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: testimonial.author.role })
        ] })
      ] })
    ] }) }, testimonial.id)) }, columnIndex)) })
  ] }) });
}

export { TestimonialsMasonryGrid };
//# sourceMappingURL=testimonials-masonry-grid.js.map
//# sourceMappingURL=testimonials-masonry-grid.js.map