"use strict";var e=require("prop-types"),i=require("@material-ui/core"),t=require("react-router"),r=require("@material-ui/icons/Timeline"),a=require("react/jsx-runtime");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e),l=n(r),s=i.makeStyles((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"}}}})),d=function(e){var r=e.feedItem.context.alert,n=r.id,o=r.name,d=r.description,u=r.decision_path,c=s();return a.jsx("div",{children:a.jsxs("div",{className:c.alertContanier,children:[a.jsx(i.Typography,{variant:"body1",children:a.jsx(t.Link,{className:c.item,to:"/alerts/".concat(n,"/"),children:o})}),a.jsx(i.Typography,{variant:"body1",gutterBottom:!0,children:d}),a.jsxs(i.Typography,{variant:"body1",className:c.timelineText,children:[a.jsx(l.default,{className:c.timlineIconRoot,color:"action"}),u]})]})})};d.propTypes={feedItem:o.default.shape({context:o.default.shape({alert:o.default.shape({id:o.default.number.isRequired,name:o.default.string.isRequired,description:o.default.string.isRequired,decision_path:o.default.string.isRequired,level:o.default.string.isRequired}).isRequired}).isRequired}).isRequired},module.exports=d;
