{"version":3,"file":"index19.mjs","sources":["../src/components/notification/NotificationBanner/index.tsx"],"sourcesContent":["import { FunctionComponent } from \"react\";\nimport styles from \"./NotificationBanner.module.css\";\nimport { LabelPairedXmarkSmRegularIcon } from \"@deriv/quill-icons\";\nimport NotificationStatusIcon from \"../NotificationStatusIcon\";\n\nexport type NotificationBannerType = {\n  className?: string;\n  title?: string;\n  message?: string;\n  showButtonClose?: boolean;\n  type?: \"informative\" | \"success\" | \"warning\" | \"danger\";\n  onClose?: () => void;\n};\n\nexport const NotificationBanner: FunctionComponent<NotificationBannerType> = ({\n  className = \"\",\n  title = \"Title\",\n  message = \"Message goes here\",\n  showButtonClose = true,\n  type = \"informative\",\n  onClose,\n}) => {\n  const bannerId = `notification-banner-${type}`;\n\n  return (\n    <div\n      className={[styles.notificationBanner, className].join(\" \")}\n      data-id={bannerId}\n    >\n      <div className={styles.containerStatusIcon}>\n        <NotificationStatusIcon type={type} showBadge={false} />\n      </div>\n      <div className={styles.titleDescription}>\n        <b className={styles.title}>{title}</b>\n        <div className={styles.message}>{message}</div>\n      </div>\n      {showButtonClose && (\n        <div className={styles.buttonClose}>\n          <div\n            className={`${styles.iconCustom} notification-close-icon quill-ui-next-pointer`}\n            onClick={onClose}\n            role={onClose ? \"button\" : undefined}\n            tabIndex={onClose ? 0 : undefined}\n          >\n            <LabelPairedXmarkSmRegularIcon />\n          </div>\n          <div className={styles.bgFocus} />\n          <div className={styles.iconColorReference}>Label</div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default NotificationBanner;\n"],"names":[],"mappings":";;;;AAcO,MAAM,qBAAgE,CAAC;AAAA,EAC5E,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,OAAO;AAAA,EACP;AACF,MAAM;AACE,QAAA,WAAW,uBAAuB,IAAI;AAG1C,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAAC,OAAO,oBAAoB,SAAS,EAAE,KAAK,GAAG;AAAA,MAC1D,WAAS;AAAA,MAET,UAAA;AAAA,QAAC,oBAAA,OAAA,EAAI,WAAW,OAAO,qBACrB,8BAAC,wBAAuB,EAAA,MAAY,WAAW,MAAA,CAAO,EACxD,CAAA;AAAA,QACC,qBAAA,OAAA,EAAI,WAAW,OAAO,kBACrB,UAAA;AAAA,UAAA,oBAAC,KAAE,EAAA,WAAW,OAAO,OAAQ,UAAM,OAAA;AAAA,UAClC,oBAAA,OAAA,EAAI,WAAW,OAAO,SAAU,UAAQ,QAAA,CAAA;AAAA,QAAA,GAC3C;AAAA,QACC,mBACC,qBAAC,OAAI,EAAA,WAAW,OAAO,aACrB,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,GAAG,OAAO,UAAU;AAAA,cAC/B,SAAS;AAAA,cACT,MAAM,UAAU,WAAW;AAAA,cAC3B,UAAU,UAAU,IAAI;AAAA,cAExB,8BAAC,+BAA8B,CAAA,CAAA;AAAA,YAAA;AAAA,UACjC;AAAA,UACC,oBAAA,OAAA,EAAI,WAAW,OAAO,QAAS,CAAA;AAAA,UAC/B,oBAAA,OAAA,EAAI,WAAW,OAAO,oBAAoB,UAAK,QAAA,CAAA;AAAA,QAAA,EAClD,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}