import { jsx as a, jsxs as t } from "react/jsx-runtime";
import { _ as r } from "./twind.BLUk_ZzT.js";
import { forwardRef as f } from "react";
import { b as x } from "./use-section-style.Cg6VYj5D.js";
import { u as h } from "./use-color-preset.DHRwRNwD.js";
import { a as u } from "./iconify.Bxbp05s7.js";
const v = f(({ brick: s, editable: w }, l) => {
  const { props: o } = s, { gradientDirection: c, ...i } = x(s), n = h(s), m = Object.values(i), d = o.testimonials.length > 0 ? o.testimonials : [
    {
      author: "John Doe",
      text: "Amazing product!",
      avatar: null,
      company: "Example Corp",
      socialIcon: null
    }
  ];
  return /* @__PURE__ */ a("div", { ref: l, className: r("flex flex-1 gap-6 flex-row flex-wrap min-h-fit", m), children: d.map((e, p) => /* @__PURE__ */ t(
    "div",
    {
      className: r(
        "testimonial-item flex flex-1 flex-col gap-4 p-6 rounded-lg border shadow-sm @desktop:(min-w-[250px])",
        n.card,
        c
      ),
      children: [
        /* @__PURE__ */ a("div", { className: "testimonial-text flex-1", children: /* @__PURE__ */ a("div", { className: "whitespace-pre-wrap text-pretty font-medium italic text-[110%]", children: e.text }) }),
        /* @__PURE__ */ t("div", { className: "testimonial-author flex items-center gap-3", children: [
          e.avatar && /* @__PURE__ */ a(
            "img",
            {
              src: e.avatar.src,
              alt: e.avatar.alt || e.author,
              className: "w-12 h-12 rounded-full object-cover"
            }
          ),
          /* @__PURE__ */ t("div", { className: "flex-1 flex-nowrap", children: [
            /* @__PURE__ */ a("div", { className: "font-semibold text-[90%] text-nowrap", children: e.author }),
            e.company && /* @__PURE__ */ a("div", { className: "text-[85%]", children: e.company })
          ] }),
          e.socialIcon && /* @__PURE__ */ a(u, { icon: e.socialIcon, className: "w-5 h-5" })
        ] })
      ]
    },
    p
  )) });
});
v.displayName = "Testimonials";
export {
  v as default
};
//# sourceMappingURL=testimonials.CQsUId4O.js.map
