| | |
| | | position?: Placement |
| | | triggerMethod?: 'hover' | 'click' |
| | | triggerClassName?: string |
| | | triggerTestId?: string |
| | | disabled?: boolean |
| | | popupContent?: React.ReactNode |
| | | children?: React.ReactNode |
| | |
| | | position = 'top', |
| | | triggerMethod = 'hover', |
| | | triggerClassName, |
| | | triggerTestId, |
| | | disabled = false, |
| | | popupContent, |
| | | children, |
| | |
| | | onMouseLeave={() => triggerMethod === 'hover' && handleLeave(true)} |
| | | asChild={asChild} |
| | | > |
| | | {children || <div data-testid={triggerTestId} className={triggerClassName || 'h-3.5 w-3.5 shrink-0 p-[1px]'}><RiQuestionLine className='h-full w-full text-text-quaternary hover:text-text-tertiary' /></div>} |
| | | {children || <div className={triggerClassName || 'p-[1px] w-3.5 h-3.5 shrink-0'}><RiQuestionLine className='text-text-quaternary hover:text-text-tertiary w-full h-full' /></div>} |
| | | </PortalToFollowElemTrigger> |
| | | <PortalToFollowElemContent |
| | | className="z-[9999]" |
| | | > |
| | | {popupContent && (<div |
| | | className={cn( |
| | | !noDecoration && 'system-xs-regular relative break-words rounded-md bg-components-panel-bg px-3 py-2 text-text-tertiary shadow-lg', |
| | | !noDecoration && 'relative px-3 py-2 system-xs-regular text-text-tertiary bg-components-panel-bg rounded-md shadow-lg break-words', |
| | | popupClassName, |
| | | )} |
| | | onMouseEnter={() => triggerMethod === 'hover' && setHoverPopup()} |