@achs/webkit
Version:
Conjunto de componentes de UI con el estilo del Sistema de Diseño ACHS (Asociación Chilena de Seguridad), para reutilizar de forma transversal en las aplicaciones web de ACHS. Construido con **React 19**, **TypeScript** y **Vite**, con soporte para las
36 lines (35 loc) • 1.56 kB
JavaScript
import { jsxs as l, jsx as t } from "react/jsx-runtime";
import { useState as p, useRef as u, useEffect as d } from "react";
import '../../../assets/node_modules/.pnpm/bootstrap-icons@1.13.1/node_modules/bootstrap-icons/font/bootstrap-icons.css';/* empty css */
import i from "./Tooltip.module.scss.mjs";
const v = ({
targetIsHovered: e = !1,
showIcon: r = !0,
children: n,
className: a,
...s
}) => {
const [c, m] = p(e), o = u(null);
return d(() => (o.current = setTimeout(() => {
m(e);
}, 300), () => {
o.current && clearTimeout(o.current);
}), [e]), /* @__PURE__ */ l(
"div",
{
...s,
className: `${i.tooltip_container} ${a ?? ""}`.trim(),
children: [
r && /* @__PURE__ */ t("div", { className: i.tooltip_icon_container, children: /* @__PURE__ */ t("i", { className: `${i.tooltip_icon} bi bi-info-circle-fill`, "aria-hidden": "true" }) }),
c ? /* @__PURE__ */ l("div", { className: i.tooltip_wrapper, "data-is-hovered": e, role: "tooltip", children: [
/* @__PURE__ */ t("div", { className: i.tooltip_triangle_container, children: /* @__PURE__ */ t("i", { className: `${i.tooltip_triangle} bi bi-triangle-fill`, "aria-hidden": "true" }) }),
/* @__PURE__ */ t("div", { className: i.tooltip_window, children: /* @__PURE__ */ t("div", { className: i.tooltip_text, children: n }) })
] }) : null
]
}
);
};
export {
v as Tooltip,
v as default
};