import{jsxs as i,jsx as e}from"react/jsx-runtime";import{makeStyles as t,Typography as a}from"@material-ui/core";import r from"classnames";var o=t({wrapper:{position:"relative",width:"100%",height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"flex-start",padding:"16px",zIndex:function(i){return i.showArrow?1:"auto"},"@media (max-height:350px)":{paddingTop:"56px"},"@media (max-width:500px)":{paddingTop:"128px"}},errorImage:{width:"390px",height:"300px",marginTop:"24px","@media (max-height:400px)":{width:"260px",height:"200px"},"@media (max-height:350px), (max-width: 580px) and (max-height:550px)":{display:"none"},"@media (max-width:500px)":{width:"260px",height:"200px"}},title:{fontSize:"32px",fontStyle:"italic",color:"#9E9E9E",lineHeight:"37px",fontWeight:"normal","@media (max-height:400px)":{fontSize:"24px"},"@media (max-width:500px)":{fontSize:"24px"}},description:{fontSize:"16px",color:"#9E9E9E"},arrow:{position:"absolute",top:0,right:0,zIndex:-1,"@media (max-width: 960px)":{display:"none"}}});function p(t){var p=t.title,d=void 0===p?"No Data Available":p,m=t.description,n=void 0===m?"":m,x=t.showArrow,s=void 0!==x&&x,h=t.customStyles,l=void 0===h?{}:h,c=o({showArrow:s});return i("div",{"data-testid":"".concat("EmptyView","_wrapper"),className:r(c.wrapper,l.wrapper),children:[e(a,{className:r(c.title,l.title),children:d}),e(a,{className:r(c.description,l.description),children:n}),e("img",{src:"/static/media/5010eaf4520add4dcd713ce1fdbda5ea.png",className:c.errorImage,alt:"error state"}),s&&e("img",{src:"/static/media/1be6a0ee1d46b5f5c15203014864e086.svg",alt:"arrow",className:r(c.arrow,l.arrow)})]})}export{p as default};
