import"react";import{Flex as a}from"@chakra-ui/react";import"react";import s from"@emotion/styled";import{Text as p}from"@chakra-ui/react";import{jsx as o,jsxs as f}from"react/jsx-runtime";var d=s(p)`
  .one {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0s;
    animation: dot 1.3s infinite;
    animation-delay: 0s;
  }

  .two {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.2s;
    animation: dot 1.3s infinite;
    animation-delay: 0.2s;
  }

  .three {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.3s;
    animation: dot 1.3s infinite;
    animation-delay: 0.3s;
  }

  @-webkit-keyframes dot {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  @keyframes dot {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
`,l=({text:t="Loading",...i})=>f(d,{...i,children:[t,o("span",{className:"one",children:"."}),o("span",{className:"two",children:"."}),o("span",{className:"three",children:"."})]}),n=l;import"react";import{Spinner as c}from"@chakra-ui/react";import{jsx as x}from"react/jsx-runtime";var y=({...t})=>x(c,{thickness:"4px",speed:"1.5s",emptyColor:"input",color:"black",size:"xl",...t}),e=y;import{jsx as r,jsxs as m}from"react/jsx-runtime";var g=({completed:t,message:i})=>t?null:m(a,{flexDir:"column",w:"full",justifyContent:"center",alignItems:"center",children:[m(a,{align:"center",mb:"4",children:[r(e,{size:"md",mr:"10px"}),r(n,{text:"Minting In Progress",fontSize:22,fontWeight:600})]}),i()]}),S=g;export{S as default};
