import "./index.css";
import LogoSvg from "/icons/logo.png";

export const Loading = () => {
  return (
    <div className="h-screen w-full flex items-center justify-center">
      <div className="flex mx-[12vw] rounded-full border-[3px] border-solid border-[#000] h-[54px] p-[6px] relative flex-1">
        <div className="w-[calc(20%)] bg-black rounded-full custom-animation absolute left-0"></div>
        <div className="w-full h-full flex items-center justify-center mix-blend-difference">
          <img src={LogoSvg} className="w-[115px] h-[18px]" />
        </div>
      </div>
    </div>
  );
};
