"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.timelineStackedFieldContentStyle = exports.timelineFieldValueColumnStyle = exports.getTimelineFieldLabelRowStyle = void 0;
const timeline_layout_1 = require("../../helpers/timeline-layout");
const timeline_row_layout_1 = require("./timeline-row-layout");
const getTimelineFieldLabelRowStyle = (depth) => {
    return {
        flex: `0 0 ${(0, timeline_row_layout_1.getTimelineFieldLabelFlexBasis)(depth)}`,
        minWidth: 0,
        display: 'flex',
        flexDirection: 'row',
        alignItems: 'center',
        gap: 6,
    };
};
exports.getTimelineFieldLabelRowStyle = getTimelineFieldLabelRowStyle;
exports.timelineFieldValueColumnStyle = {
    alignItems: 'center',
    alignSelf: 'stretch',
    display: 'flex',
    flex: 1,
    minWidth: 0,
    paddingRight: timeline_layout_1.EXPANDED_SECTION_PADDING_RIGHT,
};
exports.timelineStackedFieldContentStyle = {
    alignSelf: 'stretch',
    display: 'flex',
    flex: 1,
    flexDirection: 'column',
    minWidth: 0,
};
