CoastalCommitsPastes/client/app/components/tooltip/index.tsx
2022-11-17 23:39:52 -08:00

27 lines
611 B
TypeScript

import Card from "@components/card"
import * as RadixTooltip from "@radix-ui/react-tooltip"
import styles from "./tooltip.module.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={styles.tooltip}>{content}</Card>
</RadixTooltip.Content>
</RadixTooltip.Root>
)
}
export default Tooltip