@react-av/editor
Version:
Editor Timeline Components built on React AV.
7 lines • 1.98 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useEditorContext } from "./Editor";
export function TimelineEntryLabel({ icon, children, label, controls, }) {
const { styling } = useEditorContext();
return _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, _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: [_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] }), _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