@remotion/studio
Version:
APIs for interacting with the Remotion Studio
20 lines (19 loc) • 1.1 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.InstallablePackageComp = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const colors_1 = require("../helpers/colors");
const FONT_SIZE = 13;
const InstallablePackageComp = ({ isInstalled, pkg, link, description }) => {
return ((0, jsx_runtime_1.jsxs)("div", { style: {
fontSize: FONT_SIZE,
lineHeight: 1.2,
paddingBottom: 4,
paddingTop: 4,
}, children: [(0, jsx_runtime_1.jsx)("a", { href: link, style: {
fontSize: FONT_SIZE,
color: colors_1.TEXT_COLOR,
textDecoration: 'none',
}, target: "_blank", children: pkg }), ' ', isInstalled ? ((0, jsx_runtime_1.jsx)("span", { style: { opacity: 0.3, fontSize: 'inherit' }, children: "(installed)" })) : null, (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("span", { style: { color: colors_1.LIGHT_TEXT, fontSize: FONT_SIZE }, children: description })] }));
};
exports.InstallablePackageComp = InstallablePackageComp;