lightswind/dist/src/components/ui/trusted-users.js

A collection of beautifully crafted React Components, Blocks & Templates for Modern Developers. Create stunning web applications effortlessly by using our 160+ professional and animated react components.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.TrustedUsers = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const lucide_react_1 = require("lucide-react");
const utils_1 = require("@/components/lib/utils");
const count_up_1 = require("./count-up");
const TrustedUsers = ({ avatars, rating = 5, totalUsersText = 1000, // ✅ default as number
caption = "Trusted by", className = "", starColorClass = "text-yellow-400", ringColors = [], }) => {
    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)(`flex items-center justify-center gap-6 bg-transparent
          text-foreground py-4 px-4`, className), children: [(0, jsx_runtime_1.jsx)("div", { className: "flex -space-x-4", children: avatars.map((src, i) => ((0, jsx_runtime_1.jsx)("div", { className: `w-10 h-10 rounded-full overflow-hidden ring-1 ring-offset-2 ring-offset-black ${ringColors[i] || "ring-blue-900"}`, children: (0, jsx_runtime_1.jsx)("img", { src: src, alt: `Avatar ${i + 1}`, width: 40, height: 40, className: "w-full h-full object-cover", loading: "lazy" }) }, i))) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-start gap-1", children: [(0, jsx_runtime_1.jsx)("div", { className: `flex gap-1 ${starColorClass}`, children: Array.from({ length: rating }).map((_, i) => ((0, jsx_runtime_1.jsx)(lucide_react_1.Star, { fill: "currentColor", className: "w-4 h-4", "aria-hidden": "true" }, i))) }), (0, jsx_runtime_1.jsxs)("div", { className: "text-foreground text-xs md:text-md font-medium flex items-center flex-wrap", children: [caption, (0, jsx_runtime_1.jsx)(count_up_1.CountUp, { value: totalUsersText, duration: 2, separator: ",", className: "ml-1 text-lg", suffix: "+", colorScheme: "gradient" }), (0, jsx_runtime_1.jsx)("a", { href: "/pricing", className: "underline text-primarylw dark:text-primarylw ml-1", children: "Pro users" })] })] })] }));
};
exports.TrustedUsers = TrustedUsers;
//# sourceMappingURL=trusted-users.js.map