"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"};
var DEFAULT_TESTIMONIALS = [
  {
    id: "1",
    content: "The platform exceeded all our expectations. Implementation was smooth and the results were immediate.",
    author: {
      name: "Sarah Chen",
      role: "Product Manager",
      company: "TechCorp",
      avatar: blockBrandedIconsAndPlaceholders.avatar1
    }
  },
  {
    id: "2",
    content: "Outstanding customer support and a product that actually delivers on its promises. Rare combination!",
    author: {
      name: "Michael Torres",
      role: "CEO",
      company: "StartupXYZ",
      avatar: blockBrandedIconsAndPlaceholders.avatar2
    }
  },
  {
    id: "3",
    content: "We've seen a 50% increase in efficiency since switching. The ROI speaks for itself.",
    author: {
      name: "Emily Watson",
      role: "Operations Director",
      company: "GrowthCo",
      avatar: blockBrandedIconsAndPlaceholders.avatar3
    }
  },
  {
    id: "4",
    content: "Clean interface, powerful features, and excellent documentation. Everything a developer could ask for.",
    author: {
      name: "David Kim",
      role: "Senior Developer",
      company: "DevStudio",
      avatar: blockBrandedIconsAndPlaceholders.avatar4
    }
  },
  {
    id: "5",
    content: "The best decision we made this quarter. Our team adopted it instantly and loves using it daily.",
    author: {
      name: "Lisa Park",
      role: "Team Lead",
      company: "InnovateLabs",
      avatar: blockBrandedIconsAndPlaceholders.avatar5
    }
  },
  {
    id: "6",
    content: "Intuitive design that requires minimal training. Our onboarding time dropped significantly.",
    author: {
      name: "Alex Rivera",
      role: "HR Manager",
      company: "PeopleCo",
      avatar: blockBrandedIconsAndPlaceholders.avatar6
    }
  }
];
function TestimonialsSimpleGrid({
  testimonials = DEFAULT_TESTIMONIALS,
  title = "Customer Stories",
  subtitle = "Hear from our satisfied customers",
  columns = 3,
  className
}) {
  const gridCols = {
    2: "sm:grid-cols-2",
    3: "sm:grid-cols-2 lg:grid-cols-3",
    4: "sm:grid-cols-2 lg:grid-cols-4"
  };
  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: cn("grid gap-6", gridCols[columns]), children: testimonials.map((testimonial) => /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6", children: [
      /* @__PURE__ */ jsxs("p", { className: "mb-6 text-sm leading-relaxed text-muted-foreground", children: [
        "\u201C",
        testimonial.content,
        "\u201D"
      ] }),
      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
        /* @__PURE__ */ jsxs(Avatar, { className: "size-10", children: [
          /* @__PURE__ */ jsx(
            AvatarImage,
            {
              src: testimonial.author.avatar,
              alt: testimonial.author.name
            }
          ),
          /* @__PURE__ */ jsx(AvatarFallback, { 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 }),
          /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
            testimonial.author.role,
            testimonial.author.company && `, ${testimonial.author.company}`
          ] })
        ] })
      ] })
    ] }) }, testimonial.id)) })
  ] }) });
}

export { TestimonialsSimpleGrid };
//# sourceMappingURL=testimonials-simple-grid.js.map
//# sourceMappingURL=testimonials-simple-grid.js.map