1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| import type { FC, PropsWithChildren, ReactNode } from 'react'
|
| export type ToolTipContentProps = {
| title?: ReactNode
| action?: ReactNode
| } & PropsWithChildren
|
| export const ToolTipContent: FC<ToolTipContentProps> = ({
| title,
| action,
| children,
| }) => {
| return (
| <div className='w-[180px]'>
| {title && (
| <div className='mb-1.5 font-semibold text-text-secondary'>{title}</div>
| )}
| <div className='mb-1.5 text-text-tertiary'>{children}</div>
| {action && <div className='cursor-pointer text-text-accent'>{action}</div>}
| </div>
| )
| }
|
|
