mirror of https://github.com/MaxLeiter/Drift
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
586 B
TypeScript
29 lines
586 B
TypeScript
import Card from "@components/card"
|
|
import * as RadixTooltip from "@radix-ui/react-tooltip"
|
|
import "./tooltip.css"
|
|
|
|
const Tooltip = ({
|
|
children,
|
|
content,
|
|
className,
|
|
...props
|
|
}: {
|
|
children: React.ReactNode
|
|
content: React.ReactNode
|
|
className?: string
|
|
} & RadixTooltip.TooltipProps) => {
|
|
return (
|
|
<RadixTooltip.Root {...props}>
|
|
<RadixTooltip.Trigger asChild className={className}>
|
|
{children}
|
|
</RadixTooltip.Trigger>
|
|
|
|
<RadixTooltip.Content>
|
|
<Card className="tooltip">{content}</Card>
|
|
</RadixTooltip.Content>
|
|
</RadixTooltip.Root>
|
|
)
|
|
}
|
|
|
|
export default Tooltip
|