DocSpace-buildtools/packages/components/viewer/sub-components/viewer-loading.js

27 lines
514 B
JavaScript

import * as React from "react";
import styled from "styled-components";
const StyledLoader = styled.div`
width: 48px;
height: 48px;
border: 4px solid #fff;
border-bottom-color: transparent;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: rotation 1s linear infinite;
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
`;
export default function ViewerLoading() {
return <StyledLoader />;
}