"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.TimelineList = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const colors_1 = require("../../helpers/colors");
const TimelineSequenceItem_1 = require("./TimelineSequenceItem");
const TimelineTimeIndicators_1 = require("./TimelineTimeIndicators");
const container = {
    flex: 1,
    background: colors_1.BACKGROUND,
};
const TimelineList = ({ timeline }) => {
    return (jsx_runtime_1.jsxs("div", { style: container, children: [
            jsx_runtime_1.jsx(TimelineTimeIndicators_1.TimelineTimePadding, {}), timeline.map((track, trackIndex) => {
                var _a;
                return (jsx_runtime_1.jsx("div", { children: jsx_runtime_1.jsx(TimelineSequenceItem_1.TimelineSequenceItem, { trackIndex: trackIndex, connectedCompositions: (_a = track.connectedCompositions) !== null && _a !== void 0 ? _a : [], nestedDepth: track.depth, sequence: track.sequence, nodePathInfo: track.nodePathInfo, keyframeDisplayOffset: track.keyframeDisplayOffset, sequenceFrameOffset: track.sequenceFrameOffset }, track.sequence.id) }, track.sequence.id));
            })] }));
};
exports.TimelineList = TimelineList;
