import{jsx as r,jsxs as e,Fragment as s}from"react/jsx-runtime";import a from"classnames";import{ALERT_STATES as t,ALERT_ICONS as o}from"../constants.js";import{DQAlertsTooltip as i}from"./DQAlertsTooltip.js";import{useDQUnvalidatedContentStyles as l}from"../styles.js";import{isResolved as n}from"../utils.js";var m=function(m){var c,d,p=m.alert,u=m.alertsNum,f=m.alertState,N=m.isIssueData,h=m.linkToDQPage,v=l({}),j=n(p.status),g=j?o.Resolved:o[f];return r(i,{alert:p,alertIcon:r(g,{className:a(v[f],v.alertIcon)}),linkToDQPage:h,children:e("div",{className:a(v.errorContainer,(c={},c[v.missingContainer]=N&&f===t.missing,c)),children:[r(g,{className:a((d={},d[v[f]]=!j,d[v.Resolved]=j,d),v.alertIcon)}),r("div",{children:!j&&e(s,{children:[e("span",{className:a(v[f],v.errorText),children:[f,": "]}),r("span",{className:v.errorNum,children:u})]})})]})})};export{m as DQAlertTooltip};
