{"version":3,"file":"info-bubble.CzWtpt6j.js","sources":["../../../src/components/ui/info-bubble.tsx"],"sourcesContent":["import { TooltipProvider } from '@/components/ui/tooltip'\nimport QuestionIcon from '@components/ui/icons/question-icon'\nimport { HybridTooltip, HybridTooltipContent, HybridTooltipTrigger } from './hybrid-tooltip'\n\ninterface Props {\n  content: React.ReactNode | string\n  triggerClassName?: string\n  iconSize?: number\n  iconColor?: string\n}\n\n/**\n * Important:\n * - Must wrap the components in a TooltipProvider to ensure proper functionality of the\n *   HybridTooltip\n */\n\nexport const InfoBubble = ({\n  content,\n  triggerClassName,\n  iconSize,\n  iconColor = 'text-black-100'\n}: Props) => {\n  return (\n    <TooltipProvider delayDuration={0}>\n      <HybridTooltip>\n        <HybridTooltipTrigger className={triggerClassName} type=\"button\">\n          <span className={iconColor}>\n            <QuestionIcon size={iconSize} />\n          </span>\n        </HybridTooltipTrigger>\n        <HybridTooltipContent>\n          <span>{content}</span>\n        </HybridTooltipContent>\n      </HybridTooltip>\n    </TooltipProvider>\n  )\n}\n"],"names":["InfoBubble","content","triggerClassName","iconSize","iconColor","jsx","TooltipProvider","HybridTooltip","HybridTooltipTrigger","QuestionIcon","HybridTooltipContent"],"mappings":"iiBAiBO,MAAMA,EAAa,CAAC,CACzB,QAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,gBACd,IAEKC,EAAA,IAAAC,EAAA,CAAgB,cAAe,EAC9B,gBAACC,EACC,CAAA,SAAA,CAAAF,MAACG,EAAqB,CAAA,UAAWN,EAAkB,KAAK,SACtD,SAACG,EAAAA,IAAA,OAAA,CAAK,UAAWD,EACf,SAACC,EAAAA,IAAAI,EAAA,CAAa,KAAMN,CAAA,CAAU,CAChC,CAAA,EACF,EACCE,MAAAK,EAAA,CACC,SAACL,EAAA,IAAA,OAAA,CAAM,UAAQ,CAAA,EACjB,CAAA,CACF,CAAA,CACF,CAAA"}