import{func as e}from"prop-types";import{makeStyles as r,Typography as i,Tooltip as n,Avatar as c}from"@material-ui/core";import a from"@material-ui/icons/Fullscreen";import o from"@material-ui/icons/Close";import l from"@material-ui/icons/Info";import s from"../styles.css.js";import{jsxs as d,jsx as p,Fragment as t}from"react/jsx-runtime";var m=r({appActionIcon:{cursor:"pointer"},fullscreenIcon:{cursor:"pointer",color:"#fff",fontSize:24},infoIcon:{color:"#90caf9",fontSize:20},avatar:{background:"#ffffff19",marginTop:"-8px"}}),f=function(e){var r=e.setMaximized,o=m();return d("div",{className:s.embeddedAppFullscreen,onClick:function(){return r(!0)},children:[d("div",{className:s.embeddedAppFullscreenTitle,children:[p(l,{className:o.infoIcon}),p(i,{variant:"body2",children:p("span",{className:s.embeddedAppFullscreenText,children:"Some app interactions disabled"})})]}),p(n,{title:"Fullscreen",children:p(c,{className:o.avatar,children:p(a,{className:o.fullscreenIcon,color:"action"})})})]})};f.propTypes={setMaximized:e.isRequired};var u=function(e){var r=e.setMaximized,n=m();return d(t,{children:[p("div",{className:s.embeddedAppFullscreenAppClose,children:p(o,{className:n.appActionIcon,onClick:function(){return r(!1)}})}),p("div",{className:s.embeddedAppFullscreenAppInfo,children:d("div",{className:s.embeddedAppFullscreenTitle,children:[p(l,{className:n.infoIcon}),p(i,{variant:"body2",children:p("span",{className:s.embeddedAppFullscreenText,children:"Some app interactions disabled"})})]})})]})};u.propTypes={setMaximized:e.isRequired};export{f as AppInfo,u as AppInfoMaximized};
