import { c } from "react-compiler-runtime";
import React from "react";
import { UdpTimelineConnector, UdpTimelineDot, UdpTimelineItem, UdpTimelineSeparator } from "udp-react-stencil-component-library";
//#region src/udp/pages/UdpTransactionsPage/components/transactionHistory/TransactionTimelineItem.jsx
const TransactionTimelineItem = (props) => {
	const $ = c(16);
	const { item, title, description, date, status, onClick } = props;
	let t0;
	if ($[0] !== item || $[1] !== onClick) {
		t0 = () => {
			onClick(item);
		};
		$[0] = item;
		$[1] = onClick;
		$[2] = t0;
	} else t0 = $[2];
	let t1;
	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
		t1 = /* @__PURE__ */ React.createElement(UdpTimelineSeparator, { slot: "separator" }, /* @__PURE__ */ React.createElement(UdpTimelineConnector, null), /* @__PURE__ */ React.createElement(UdpTimelineDot, {
			color: "primary",
			shape: "default",
			size: "medium"
		}));
		$[3] = t1;
	} else t1 = $[3];
	let t2;
	if ($[4] !== title) {
		t2 = /* @__PURE__ */ React.createElement("span", { slot: "title" }, title);
		$[4] = title;
		$[5] = t2;
	} else t2 = $[5];
	let t3;
	if ($[6] !== date) {
		t3 = /* @__PURE__ */ React.createElement("span", { slot: "content" }, date);
		$[6] = date;
		$[7] = t3;
	} else t3 = $[7];
	let t4;
	if ($[8] !== description) {
		t4 = /* @__PURE__ */ React.createElement("span", { slot: "caption" }, description);
		$[8] = description;
		$[9] = t4;
	} else t4 = $[9];
	let t5;
	if ($[10] !== status || $[11] !== t0 || $[12] !== t2 || $[13] !== t3 || $[14] !== t4) {
		t5 = /* @__PURE__ */ React.createElement(UdpTimelineItem, {
			dotShape: "default",
			onItemClick: t0,
			clickable: true,
			statusLabel: status
		}, t1, t2, t3, t4);
		$[10] = status;
		$[11] = t0;
		$[12] = t2;
		$[13] = t3;
		$[14] = t4;
		$[15] = t5;
	} else t5 = $[15];
	return t5;
};
//#endregion
export { TransactionTimelineItem };

//# sourceMappingURL=TransactionTimelineItem.mjs.map