wehub-resource-sync
25 lines
601 B
TypeScript
25 lines
601 B
TypeScript
import Tippy, { TippyProps } from '@tippyjs/react';
|
|
|
|
type Props = {
|
|
content: React.ReactNode;
|
|
children?: TippyProps['children'];
|
|
};
|
|
|
|
export function SidebarTooltip({ children, content }: Props) {
|
|
return (
|
|
<Tippy
|
|
className="sidebar !rounded-md bg-graphite-600 p-3 !opacity-100 th-highcontrast:border th-highcontrast:border-solid th-highcontrast:border-white th-highcontrast:bg-black"
|
|
content={content}
|
|
delay={[0, 0]}
|
|
duration={[0, 0]}
|
|
zIndex={1000}
|
|
placement="right"
|
|
arrow
|
|
allowHTML
|
|
interactive
|
|
>
|
|
{children}
|
|
</Tippy>
|
|
);
|
|
}
|