import React from "react";
import classNames from "classnames";
//#region src/components/pisellTimeNavigator/components/BackgroundLayer.tsx
/**
* 背景区间层：营业时间高亮、过去时间淡化等（当前时间渐变已拆为独立块，见 axis-wrap 内 .pisell-time-navigator-current-gradient）
*/
function BackgroundLayer({ orientation, pastTimeFade, businessHoursPx, className, style }) {
	const isHorizontal = orientation === "horizontal";
	return /* @__PURE__ */ React.createElement("div", {
		className: classNames("pisell-time-navigator-background", `pisell-time-navigator-background--${orientation}`, className),
		style,
		"aria-hidden": true
	}, businessHoursPx != null && /* @__PURE__ */ React.createElement("div", {
		className: "pisell-time-navigator-background-business",
		style: {
			[isHorizontal ? "left" : "top"]: businessHoursPx[0],
			[isHorizontal ? "width" : "height"]: Math.max(0, businessHoursPx[1] - businessHoursPx[0])
		}
	}), pastTimeFade && /* @__PURE__ */ React.createElement("div", {
		className: "pisell-time-navigator-background-past",
		style: { background: pastTimeFade }
	}));
}
//#endregion
export { BackgroundLayer };
