import { t as e } from "../chunks/clsx.js";
import { jsx as t, jsxs as n } from "react/jsx-runtime";
//#region lib/ui/Avatar.tsx
var r = (e = "") => e.split(" ").map((e) => e.slice(0, 1)).join("");
function i({ alt: i, src: a, srcSet: o, style: s, children: c, className: l, ...u }) {
	return /* @__PURE__ */ t("div", {
		...u,
		...a || o ? {
			role: "figure",
			"aria-label": i
		} : {},
		className: e("flex items-center justify-center relative overflow-hidden", {
			"rounded-full": !l?.includes("rounded-"),
			"text-black": !l?.includes("text-"),
			"bg-saffron": !l?.includes("bg-")
		}, l),
		style: {
			width: "48px",
			height: "48px",
			...s
		},
		children: /* @__PURE__ */ n("span", {
			className: "flex items-center justify-center font-bold uppercase text-h6 h-full",
			children: [a || o ? /* @__PURE__ */ t("img", {
				srcSet: o,
				src: a,
				alt: i,
				className: "w-full h-full object-cover transparent indent-[1000px]"
			}) : r(i), c]
		})
	});
}
//#endregion
export { i as Avatar };

//# sourceMappingURL=Avatar.js.map