import e from"prop-types";import{makeStyles as i,Typography as t}from"@material-ui/core";import{Link as r}from"react-router";import o from"@material-ui/icons/Timeline";import{jsx as n,jsxs as a}from"react/jsx-runtime";var l=i((function(e){return{alertContanier:{display:"inline-block",width:"calc(100% - 35px)"},timlineIconRoot:{verticalAlign:"bottom",marginRight:15},timelineText:{color:e.palette.grey[400]},item:{color:"#fff","&:hover":{textDecoration:"underline"}}}})),c=function(e){var i=e.feedItem.context.alert,c=i.id,s=i.name,m=i.description,d=i.decision_path,p=l();return n("div",{children:a("div",{className:p.alertContanier,children:[n(t,{variant:"body1",children:n(r,{className:p.item,to:"/alerts/".concat(c,"/"),children:s})}),n(t,{variant:"body1",gutterBottom:!0,children:m}),a(t,{variant:"body1",className:p.timelineText,children:[n(o,{className:p.timlineIconRoot,color:"action"}),d]})]})})};c.propTypes={feedItem:e.shape({context:e.shape({alert:e.shape({id:e.number.isRequired,name:e.string.isRequired,description:e.string.isRequired,decision_path:e.string.isRequired,level:e.string.isRequired}).isRequired}).isRequired}).isRequired};export{c as default};
