mirror of
https://github.com/supabase/supabase.git
synced 2026-10-10 03:45:06 +03:00
Ivan Vasilov
52735e38bf
* Rename all uses of Tooltip_Shadcn_ to just Tooltip. * Fix a leftover change.
39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
import { ElementRef, forwardRef } from 'react'
|
|
import { Tooltip, TooltipContent, TooltipTrigger } from 'ui'
|
|
|
|
const SVG = forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>((props, ref) => (
|
|
<svg
|
|
ref={ref}
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 16 16"
|
|
fill="currentColor"
|
|
{...props}
|
|
>
|
|
<path
|
|
d="M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM9 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM6.75 8a.75.75 0 0 0 0 1.5h.75v1.75a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8.25 8h-1.5Z"
|
|
fillRule="evenodd"
|
|
clipRule="evenodd"
|
|
/>
|
|
</svg>
|
|
))
|
|
|
|
const InfoTooltip = forwardRef<
|
|
ElementRef<typeof TooltipContent>,
|
|
React.ComponentPropsWithoutRef<typeof TooltipContent>
|
|
>(({ ...props }, ref) => {
|
|
return (
|
|
<Tooltip>
|
|
<TooltipTrigger
|
|
type="button"
|
|
role="button"
|
|
className="flex [&_svg]:data-[state=delayed-open]:fill-foreground-lighter [&_svg]:data-[state=instant-open]:fill-foreground-lighter"
|
|
>
|
|
<SVG strokeWidth={2} className="transition-colors fill-foreground-muted w-4 h-4" />
|
|
</TooltipTrigger>
|
|
<TooltipContent {...props} />
|
|
</Tooltip>
|
|
)
|
|
})
|
|
|
|
export { InfoTooltip }
|