remotion
Version:
Make videos programmatically
38 lines (37 loc) • 1.32 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Loading = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const AbsoluteFill_js_1 = require("./AbsoluteFill.js");
const rotate = {
transform: `rotate(90deg)`,
};
const ICON_SIZE = 40;
const label = {
color: 'white',
fontSize: 14,
fontFamily: 'sans-serif',
};
const container = {
justifyContent: 'center',
alignItems: 'center',
};
const Loading = () => {
return (jsx_runtime_1.jsxs(AbsoluteFill_js_1.AbsoluteFill, { style: container, id: "remotion-comp-loading", children: [
jsx_runtime_1.jsx("style", { type: "text/css", children: `
@keyframes anim {
from {
opacity: 0
}
to {
opacity: 1
}
}
#remotion-comp-loading {
animation: anim 2s;
animation-fill-mode: forwards;
}
` }), jsx_runtime_1.jsx("svg", { width: ICON_SIZE, height: ICON_SIZE, viewBox: "-100 -100 400 400", style: rotate, children: jsx_runtime_1.jsx("path", { fill: "#555", stroke: "#555", strokeWidth: "100", strokeLinejoin: "round", d: "M 2 172 a 196 100 0 0 0 195 5 A 196 240 0 0 0 100 2.259 A 196 240 0 0 0 2 172 z" }) }), jsx_runtime_1.jsxs("p", { style: label, children: ["Resolving ", '<Suspense>', "..."] })
] }));
};
exports.Loading = Loading;