import { FluentTimelineHeader } from "./FluentTimelineHeader.mjs";
import { FluentTimelineContent } from "./FluentTimelineContent.mjs";
import { c } from "react-compiler-runtime";
import React from "react";
//#region src/UI/timeline/fluentTimeline/FluentTimeline.jsx
const FluentTimeline = (props) => {
	const $ = c(12);
	const { data, dataConfig, actions } = props;
	let t0;
	if ($[0] !== actions || $[1] !== data || $[2] !== dataConfig?.eventDate || $[3] !== dataConfig?.eventDescription || $[4] !== dataConfig?.eventTitle || $[5] !== dataConfig?.events || $[6] !== dataConfig?.type || $[7] !== dataConfig?.typeDate || $[8] !== dataConfig?.typeIconName) {
		t0 = data?.map((timeline) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FluentTimelineHeader, {
			title: timeline?.[dataConfig?.type],
			date: timeline?.[dataConfig?.typeDate],
			iconName: timeline?.[dataConfig?.typeIconName]
		}), timeline?.[dataConfig?.events]?.map((item) => /* @__PURE__ */ React.createElement(FluentTimelineContent, {
			data: item,
			title: item?.[dataConfig?.eventTitle],
			description: item?.[dataConfig?.eventDescription],
			date: item?.[dataConfig?.eventDate],
			actions,
			category: timeline?.[dataConfig?.type]
		}))));
		$[0] = actions;
		$[1] = data;
		$[2] = dataConfig?.eventDate;
		$[3] = dataConfig?.eventDescription;
		$[4] = dataConfig?.eventTitle;
		$[5] = dataConfig?.events;
		$[6] = dataConfig?.type;
		$[7] = dataConfig?.typeDate;
		$[8] = dataConfig?.typeIconName;
		$[9] = t0;
	} else t0 = $[9];
	let t1;
	if ($[10] !== t0) {
		t1 = /* @__PURE__ */ React.createElement("div", null, t0);
		$[10] = t0;
		$[11] = t1;
	} else t1 = $[11];
	return t1;
};
//#endregion
export { FluentTimeline };

//# sourceMappingURL=FluentTimeline.mjs.map