import t from"prop-types";import{makeStyles as e,Typography as i}from"@material-ui/core";import r from"classnames";import{jsxs as a,jsx as o}from"react/jsx-runtime";var p=e({wrapper:{position:"relative",width:"100%",height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"flex-start",padding:"16px",zIndex:function(t){return t.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 s(t){var e=t.title,s=t.description,d=t.showArrow,n=t.customStyles,m=p({showArrow:d});return a("div",{"data-testid":"".concat("EmptyView","_wrapper"),className:r(m.wrapper,n.wrapper),children:[o(i,{className:r(m.title,n.title),children:e}),o(i,{className:r(m.description,n.description),children:s}),o("img",{src:"/static/media/5010eaf4520add4dcd713ce1fdbda5ea.png",className:m.errorImage,alt:"error state"}),d&&o("img",{src:"/static/media/1be6a0ee1d46b5f5c15203014864e086.svg",alt:"arrow",className:r(m.arrow,n.arrow)})]})}s.propTypes={title:t.string,description:t.string,showArrow:t.bool,customStyles:t.shape({wrapper:t.string,title:t.string,description:t.string,arrow:t.string})},s.defaultProps={title:"No Data Available",description:"",showArrow:!1,customStyles:{}};export{s as default};
