import React from 'react'; import styles from './Tooltip.module.css'; import { TooltipTip } from '../../../types/tips'; interface TooltipContentProps { content?: React.ReactNode; tips?: TooltipTip[]; } export const TooltipContent: React.FC = ({ content, tips, }) => { return (
{tips ? ( <> {tips.map((tip, index) => (
{tip.title && (
{tip.title}
)} {tip.description && (

)} {tip.bullets && tip.bullets.length > 0 && (

    {tip.bullets.map((bullet, bulletIndex) => (
  • ))}
)} {tip.body && (
{tip.body}
)}
))} {content && (
{content}
)} ) : ( content )}
); };