@payfit/unity-components/dist/esm/components/definition-tooltip/DefinitionTooltip.js

import { Tooltip as e } from "../tooltip/Tooltip.js";
import { Text as t } from "../text/Text.js";
import { forwardRef as n } from "react";
import { uyTv as r } from "@payfit/unity-themes";
import { jsx as i } from "react/jsx-runtime";
import { Focusable as a } from "react-aria-components/Focusable";
//#region src/components/definition-tooltip/DefinitionTooltip.tsx
var o = r({ base: [
	"uy:text-content-neutral-enabled uy:rounded-50 uy:py-75",
	"uy:hover:text-content-neutral-hover",
	"uy:active:text-content-neutral-active",
	"uy:focus-visible:outline-2 uy:focus-visible:outline-solid uy:focus-visible:outline-offset-2 uy:focus-visible:outline-utility-focus-ring uy:focus-visible:text-content-neutral-focus"
] }), s = n(({ children: n, title: r, asElement: s = "span", ...c }, l) => /* @__PURE__ */ i(e, {
	title: r,
	...c,
	children: /* @__PURE__ */ i(a, { children: /* @__PURE__ */ i(t, {
		variant: "actionInfo",
		asElement: s,
		role: "button",
		className: o(),
		children: n
	}) })
}));
s.displayName = "DefinitionTooltip";
//#endregion
export { s as DefinitionTooltip };