@payfit/unity-components
Version:
40 lines (39 loc) • 1.47 kB
JavaScript
import { Actionable as e } from "../actionable/Actionable.js";
import { Tooltip as t } from "../tooltip/Tooltip.js";
import { avatarBase as n } from "./Avatar.variants.js";
import { useAvatarGroupContext as r } from "../avatar-group/AvatarGroup.context.js";
import { Avatar as i } from "./Avatar.js";
import * as a from "react";
import { uyMerge as o } from "@payfit/unity-themes";
import { jsx as s } from "react/jsx-runtime";
//#region src/components/avatar/AvatarWithTooltip.tsx
var c = a.forwardRef(({ tooltip: a, "aria-label": c, "aria-labelledby": l, "aria-describedby": u, "aria-details": d, className: f, size: p, variant: m, ...h }, g) => {
let _ = r(), v = m ?? "circle", y = p ?? _?.defaultSize ?? "md", b = c ? { "aria-label": c } : { "aria-labelledby": l ?? "" };
return /* @__PURE__ */ s(t, {
title: a,
children: /* @__PURE__ */ s(e, {
ref: g,
asElement: "button",
type: "button",
"aria-label": c,
"aria-labelledby": l,
"aria-describedby": u,
"aria-details": d,
className: o(n({
variant: v,
size: y
}), "uy:cursor-default uy:leading-[0] uy:outline-none uy:data-[focus-visible=true]:ring-2 uy:data-[focus-visible=true]:ring-utility-focus-ring uy:data-[focus-visible=true]:ring-offset-2"),
children: /* @__PURE__ */ s(i, {
...h,
size: p,
variant: m,
className: f,
...b,
"aria-hidden": !0
})
})
});
});
c.displayName = "AvatarWithTooltip";
//#endregion
export { c as AvatarWithTooltip };