@react-av/editor
Version:
Editor Timeline Components built on React AV.
10 lines • 2.17 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.TimelineEntryLabel = TimelineEntryLabel;
const jsx_runtime_1 = require("react/jsx-runtime");
const Editor_1 = require("./Editor");
function TimelineEntryLabel({ icon, children, label, controls, }) {
const { styling } = (0, Editor_1.useEditorContext)();
return (0, jsx_runtime_1.jsxs)("div", { className: typeof (styling === null || styling === void 0 ? void 0 : styling.timelineEntryLabelContainer) === 'string' ? styling.timelineEntryLabelContainer : undefined, style: typeof (styling === null || styling === void 0 ? void 0 : styling.timelineEntryLabelContainer) === 'string' ? {} : styling === null || styling === void 0 ? void 0 : styling.timelineEntryLabelContainer, children: [icon, (0, jsx_runtime_1.jsxs)("div", { className: typeof (styling === null || styling === void 0 ? void 0 : styling.timelineEntryLabelTextContainer) === 'string' ? styling.timelineEntryLabelTextContainer : undefined, style: typeof (styling === null || styling === void 0 ? void 0 : styling.timelineEntryLabelTextContainer) === 'string' ? {} : styling === null || styling === void 0 ? void 0 : styling.timelineEntryLabelTextContainer, children: [(0, jsx_runtime_1.jsx)("span", { className: typeof (styling === null || styling === void 0 ? void 0 : styling.timelineEntryLabelText) === 'string' ? styling.timelineEntryLabelText : undefined, style: typeof (styling === null || styling === void 0 ? void 0 : styling.timelineEntryLabelText) === 'string' ? {} : styling === null || styling === void 0 ? void 0 : styling.timelineEntryLabelText, children: label }), children] }), (0, jsx_runtime_1.jsx)("div", { className: typeof (styling === null || styling === void 0 ? void 0 : styling.timelineEntryLabelControlsContainer) === 'string' ? styling.timelineEntryLabelControlsContainer : undefined, style: typeof (styling === null || styling === void 0 ? void 0 : styling.timelineEntryLabelControlsContainer) === 'string' ? {} : styling === null || styling === void 0 ? void 0 : styling.timelineEntryLabelControlsContainer, children: controls })] });
}
//# sourceMappingURL=TimelineEntryLabel.js.map