import React from 'react';
import { FluentTimelineHeader } from './FluentTimelineHeader';
import { FluentTimelineContent } from './FluentTimelineContent';
export const FluentTimeline = (props) => {
    const { data, dataConfig, actions } = props;
    return (React.createElement("div", null, data === null || data === void 0 ? void 0 : data.map((timeline) => {
        var _a;
        return (React.createElement(React.Fragment, null, React.createElement(FluentTimelineHeader, { title: timeline === null || timeline === void 0 ? void 0 : timeline[dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.type], date: timeline === null || timeline === void 0 ? void 0 : timeline[dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.typeDate], iconName: timeline === null || timeline === void 0 ? void 0 : timeline[dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.typeIconName] }), (_a = timeline === null || timeline === void 0 ? void 0 : timeline[dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.events]) === null || _a === void 0 ? void 0 : _a.map((item) => (React.createElement(FluentTimelineContent, { data: item, title: item === null || item === void 0 ? void 0 : item[dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.eventTitle], description: item === null || item === void 0 ? void 0 : item[dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.eventDescription], date: item === null || item === void 0 ? void 0 : item[dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.eventDate], actions: actions, category: timeline === null || timeline === void 0 ? void 0 : timeline[dataConfig === null || dataConfig === void 0 ? void 0 : dataConfig.type] })))));
    })));
};
//# sourceMappingURL=FluentTimeline.js.map