@remotion/studio
Version:
APIs for interacting with the Remotion Studio
31 lines (30 loc) • 1.22 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.RunningCalculateMetadata = exports.loaderLabel = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const colors_1 = require("../helpers/colors");
const layout_1 = require("./layout");
const styles_1 = require("./Menu/styles");
const Spinner_1 = require("./Spinner");
exports.loaderLabel = {
fontSize: 14,
color: colors_1.LIGHT_TEXT,
fontFamily: 'sans-serif',
lineHeight: 1.5,
};
const container = {
backgroundColor: colors_1.BACKGROUND,
display: 'inline-flex',
justifyContent: 'center',
alignItems: 'center',
flexDirection: 'row',
padding: 20,
};
const RunningCalculateMetadata = () => {
return (jsx_runtime_1.jsxs("div", { style: container, children: [
jsx_runtime_1.jsx(Spinner_1.Spinner, { size: 24, duration: 1 }), jsx_runtime_1.jsx(layout_1.Spacing, { x: 2 }), jsx_runtime_1.jsxs("div", { style: exports.loaderLabel, children: ["Running ",
jsx_runtime_1.jsx("code", { style: styles_1.inlineCodeSnippet, children: "calculateMetadata()" }),
"..."] })
] }));
};
exports.RunningCalculateMetadata = RunningCalculateMetadata;