@onehat/ui
Version:
Base UI for OneHat apps
24 lines (22 loc) • 511 B
JavaScript
import {
TextNative,
Tooltip, TooltipContent, TooltipText,
} from '@project-components/Gluestack';
import clsx from 'clsx';
export default function TextWithTooltip(props) {
const {
tooltip,
children,
...propsToPass
} = props;
return <Tooltip
placement="bottom"
trigger={(triggerProps) => {
return <TextNative {...triggerProps} {...propsToPass}>{children}</TextNative>
}}
>
<TooltipContent>
<TooltipText>{tooltip}</TooltipText>
</TooltipContent>
</Tooltip>;
}