UNPKG

nextjs-seo-manager

Version:
2 lines (1 loc) 1.25 kB
import e from"react";import{DialogTitle as t,IconButton as o,DialogContent as r,Box as a,CircularProgress as l,Typography as n}from"@mui/material";import i from"@mui/icons-material/Close";import{B as s}from"./BootstrapDialog-a7648b0f.js";import"@mui/material/styles";class m extends e.Component{constructor(e){super(e),this.state={hidden:!0}}componentDidMount(){setTimeout(()=>{this.setState({hidden:!1})},500)}render(){return!0===this.state.hidden?null:e.createElement(e.Fragment,null,e.createElement(s,{onClose:this.props.onClose,"aria-labelledby":"SEO Manager Loading",open:!0,maxWidth:!1,style:{zIndex:100}},e.createElement(t,{sx:{m:0,p:2}},"SEO Manager",e.createElement(o,{"aria-label":"close",onClick:this.props.onClose,sx:{position:"absolute",right:12,top:10,color:"#94a3b8","&:hover":{color:"#f8fafc",backgroundColor:"rgba(255,255,255,0.1)"}}},e.createElement(i,{fontSize:"small"}))),e.createElement(r,{dividers:!0,sx:{borderColor:"#e2e8f0"}},e.createElement(a,{sx:{width:"100%",height:300,display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",gap:2.5}},e.createElement(l,{size:36,sx:{color:"#1e293b"}}),e.createElement(n,{sx:{color:"#64748b",fontSize:"0.9rem"}},"Loading your SEO data...")))))}}export{m as default};