import e from"prop-types";import{makeStyles as n}from"@material-ui/core";import{jsxs as o,jsx as t}from"react/jsx-runtime";var i=n((function(e){return{noComponentWrapper:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",gap:"8px"},noComponentTitle:{fontSize:"24px",fontStyle:"italic",fontWeight:400,color:e.palette.primary.text7},secondLines:{display:"flex",flexDirection:"row"},addComponentTitle:{fontSize:"14px",color:e.palette.primary.main,cursor:"pointer","&:hover":{textDecoration:"underline"}},secondLineTitle:{fontSize:"14px",color:e.palette.primary.text7}}}));function r(e){var n=e.type,r=e.onAdd,p=i();return o("div",{className:p.noComponentWrapper,children:[t("span",{className:p.noComponentTitle,children:"No Components"}),o("div",{className:p.secondLines,children:[t("span",{className:p.addComponentTitle,onClick:r,children:"Add Component"}),o("span",{className:p.secondLineTitle,children:[" to build ",n]})]})]})}r.propTypes={type:e.string.isRequired,onAdd:e.func.isRequired};export{r as default};
