@remotion/studio
Version:
APIs for interacting with the Remotion Studio
19 lines (18 loc) • 824 B
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.TimelineCollapseToggle = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const container = {
height: 10,
width: 10,
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
};
const Icon = ({ color, ...props }) => {
return (jsx_runtime_1.jsx("svg", { viewBox: "0 0 8 10", ...props, style: { height: 10, width: 8 }, children: jsx_runtime_1.jsx("path", { d: "M 0 0 L 8 5 L 0 10 z", fill: color }) }));
};
const TimelineCollapseToggle = ({ collapsed, color }) => {
return (jsx_runtime_1.jsx("div", { style: collapsed ? container : { ...container, transform: 'rotate(90deg)' }, children: jsx_runtime_1.jsx(Icon, { color: color }) }));
};
exports.TimelineCollapseToggle = TimelineCollapseToggle;