{"version":3,"file":"Help.mjs","sources":["../../../../src/components/Help/Help.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\n\nimport { HelpFilledIcon } from '@channel.io/bezier-icons'\n\nimport { isEmpty } from '~/src/utils/type'\n\nimport { Icon } from '~/src/components/Icon'\nimport { Tooltip } from '~/src/components/Tooltip'\n\nimport { type HelpProps } from './Help.types'\n\nimport styles from './Help.module.scss'\n\nexport const HELP_TEST_ID = 'bezier-help'\nexport const HELP_DISPLAY_NAME = 'Help'\n\nexport const Help = forwardRef<HTMLDivElement, HelpProps>(function Help(\n  { children, ...rest },\n  forwardedRef\n) {\n  if (isEmpty(children)) {\n    return null\n  }\n\n  return (\n    <Tooltip\n      {...rest}\n      ref={forwardedRef}\n      content={children}\n    >\n      <div className={styles.Help}>\n        <Icon\n          className={styles.Icon}\n          source={HelpFilledIcon}\n          size=\"xs\"\n          color=\"text-neutral-lighter\"\n          data-testid={HELP_TEST_ID}\n        />\n      </div>\n    </Tooltip>\n  )\n})\n\nHelp.displayName = HELP_DISPLAY_NAME\n"],"names":["HELP_TEST_ID","HELP_DISPLAY_NAME","Help","forwardRef","children","rest","forwardedRef","isEmpty","_jsx","Tooltip","ref","content","className","styles","Icon","source","HelpFilledIcon","size","color","displayName"],"mappings":";;;;;;;;AAeO,MAAMA,YAAY,GAAG;AACrB,MAAMC,iBAAiB,GAAG;MAEpBC,IAAI,gBAAGC,UAAU,CAA4B,SAASD,IAAIA,CACrE;EAAEE,QAAQ;EAAE,GAAGC;AAAK,CAAC,EACrBC,YAAY,EACZ;AACA,EAAA,IAAIC,OAAO,CAACH,QAAQ,CAAC,EAAE;AACrB,IAAA,OAAO,IAAI;AACb;EAEA,oBACEI,GAAA,CAACC,OAAO,EAAA;AAAA,IAAA,GACFJ,IAAI;AACRK,IAAAA,GAAG,EAAEJ,YAAa;AAClBK,IAAAA,OAAO,EAAEP,QAAS;AAAAA,IAAAA,QAAA,eAElBI,GAAA,CAAA,KAAA,EAAA;MAAKI,SAAS,EAAEC,MAAM,CAACX,IAAK;MAAAE,QAAA,eAC1BI,GAAA,CAACM,IAAI,EAAA;QACHF,SAAS,EAAEC,MAAM,CAACC,IAAK;AACvBC,QAAAA,MAAM,EAAEC,cAAe;AACvBC,QAAAA,IAAI,EAAC,IAAI;AACTC,QAAAA,KAAK,EAAC,sBAAsB;QAC5B,aAAalB,EAAAA;OACd;KACE;AAAC,GACC,CAAC;AAEd,CAAC;AAEDE,IAAI,CAACiB,WAAW,GAAGlB,iBAAiB;;;;"}