{"version":3,"file":"HelpText.mjs","sourceRoot":"","sources":["../../../src/components/HelpText/HelpText.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,WAAW,EACZ,uCAAuC;AACxC,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,GAAG,EAAE,yBAAe;AAC7B,OAAO,EAAE,SAAS,EAAE,+BAAqB;AACzC,OAAO,EAAE,IAAI,EAAE,0BAAgB;AAE/B,OAAO,EAAE,2BAA2B,EAAE,iCAA6B;AAGnE,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,2BAA2B,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3E,IAAI,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,EAAE;QAC3B,OAAO,CACL,oBAAC,IAAI,IACH,OAAO,EAAE,WAAW,CAAC,MAAM,EAC3B,KAAK,EAAE,SAAS,EAChB,SAAS,EAAE,SAAS,KAChB,KAAK,IAER,QAAQ,CACJ,CACR,CAAC;KACH;IAED,OAAO,CACL,oBAAC,GAAG,IACF,aAAa,EAAE,gBAAgB,CAAC,GAAG,EACnC,UAAU,EAAE,aAAa,CAAC,MAAM,EAChC,GAAG,EAAE,CAAC,EACN,SAAS,EAAE,SAAS;QAEpB,oBAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,QAAQ,CAAC,EAAE,iBACL,gBAAgB,GAC5B;QACF,oBAAC,IAAI,IAAC,OAAO,EAAE,WAAW,CAAC,MAAM,EAAE,KAAK,EAAE,SAAS,KAAM,KAAK,IAC3D,QAAQ,CACJ,CACH,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n  BoxAlignItems,\n  BoxFlexDirection,\n  IconSize,\n  TextColor,\n  TextVariant,\n} from '@metamask/design-system-shared';\nimport React from 'react';\n\nimport { Box } from '../Box';\nimport { IconAlert } from '../IconAlert';\nimport { Text } from '../Text';\n\nimport { MAP_HELPTEXT_SEVERITY_COLOR } from './HelpText.constants';\nimport type { HelpTextProps } from './HelpText.types';\n\nexport const HelpText: React.FC<HelpTextProps> = ({\n  severity,\n  showIcon = false,\n  color = TextColor.TextDefault,\n  className,\n  children,\n  ...props\n}) => {\n  const textColor = severity ? MAP_HELPTEXT_SEVERITY_COLOR[severity] : color;\n\n  if (!(showIcon && severity)) {\n    return (\n      <Text\n        variant={TextVariant.BodySm}\n        color={textColor}\n        className={className}\n        {...props}\n      >\n        {children}\n      </Text>\n    );\n  }\n\n  return (\n    <Box\n      flexDirection={BoxFlexDirection.Row}\n      alignItems={BoxAlignItems.Center}\n      gap={1}\n      className={className}\n    >\n      <IconAlert\n        severity={severity}\n        size={IconSize.Sm}\n        data-testid=\"help-text-icon\"\n      />\n      <Text variant={TextVariant.BodySm} color={textColor} {...props}>\n        {children}\n      </Text>\n    </Box>\n  );\n};\n"]}