import { _objectSpread2 } from "../../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
import BookingDashboard$1 from "../../../../booking/dashboard/index.js";
import React, { forwardRef, useImperativeHandle, useMemo, useRef } from "react";
import "./index.less";
//#region src/components/ticketBooking/components/bookingDataPanel/bookingDashboard/index.tsx
const BookingDashboard = forwardRef((props, ref) => {
	const { bookingTimeStartBetween } = props;
	const bookingDashboardRef = useRef(null);
	const cptProps = useMemo(() => {
		return {
			style: { padding: "16px" },
			otherParams: { booking_time_start_between: bookingTimeStartBetween },
			backgroundColors: [
				"rgba(224, 79, 22, 0.20)",
				"rgba(217, 45, 32, 0.14)",
				"rgba(127, 86, 217, 0.22)",
				"rgba(7, 148, 85, 0.20)",
				"rgba(21, 112, 239, 0.23)",
				"rgba(202, 133, 4, 0.20)",
				"var(--Gray-800, #1D2939)",
				"var(--Gray-true-800, #292929)"
			]
		};
	}, [bookingTimeStartBetween]);
	useImperativeHandle(ref, () => ({ refresh: () => {
		var _bookingDashboardRef$;
		(_bookingDashboardRef$ = bookingDashboardRef.current) === null || _bookingDashboardRef$ === void 0 || _bookingDashboardRef$.refresh();
	} }));
	return /* @__PURE__ */ React.createElement(BookingDashboard$1, _objectSpread2({
		className: "pisell-ticket-booking-dashboard pisell-lowcode-statistic-list-wrap",
		ref: bookingDashboardRef
	}, cptProps));
});
//#endregion
export { BookingDashboard as default };
