const require_runtime = require("../../../../../_virtual/_rolldown/runtime.js");
const require_objectSpread2 = require("../../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js");
const require_index = require("../../../../booking/dashboard/index.js");
let react = require("react");
react = require_runtime.__toESM(react);
require("./index.less");
//#region src/components/ticketBooking/components/bookingDataPanel/bookingDashboard/index.tsx
const BookingDashboard = (0, react.forwardRef)((props, ref) => {
	const { bookingTimeStartBetween } = props;
	const bookingDashboardRef = (0, react.useRef)(null);
	const cptProps = (0, react.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]);
	(0, react.useImperativeHandle)(ref, () => ({ refresh: () => {
		var _bookingDashboardRef$;
		(_bookingDashboardRef$ = bookingDashboardRef.current) === null || _bookingDashboardRef$ === void 0 || _bookingDashboardRef$.refresh();
	} }));
	return /* @__PURE__ */ react.default.createElement(require_index.default, require_objectSpread2._objectSpread2({
		className: "pisell-ticket-booking-dashboard pisell-lowcode-statistic-list-wrap",
		ref: bookingDashboardRef
	}, cptProps));
});
//#endregion
exports.default = BookingDashboard;
