const require_runtime = require("../../../../_virtual/_rolldown/runtime.js");
let react = require("react");
react = require_runtime.__toESM(react);
//#region src/plus/pisellReservation/floorRoomCard/views/RoomCardRectEdgeProgress.tsx
const VB = 100;
const STROKE = 1.9;
const PATH_LEN = 100;
const RADIUS = 6;
/** 方桌单条占用：外缘矩形边框进度（百分比同源底部横条） */
function RoomCardRectEdgeProgress(props) {
	const clamped = Math.min(100, Math.max(0, props.percent));
	const strokeMain = props.isTimeout ? "#f5c542" : "var(--rc-pay-paid)";
	const track = "rgba(0, 0, 0, 0.22)";
	return /* @__PURE__ */ react.default.createElement("div", {
		className: "pisell-res-floor-room-card__rect-edge-progress",
		"aria-hidden": true
	}, /* @__PURE__ */ react.default.createElement("svg", {
		viewBox: `0 0 ${VB} ${VB}`,
		preserveAspectRatio: "none"
	}, /* @__PURE__ */ react.default.createElement("rect", {
		x: STROKE / 2,
		y: STROKE / 2,
		width: VB - STROKE,
		height: VB - STROKE,
		rx: RADIUS,
		ry: RADIUS,
		pathLength: PATH_LEN,
		fill: "none",
		stroke: track,
		strokeWidth: STROKE,
		strokeLinejoin: "round"
	}), /* @__PURE__ */ react.default.createElement("rect", {
		x: STROKE / 2,
		y: STROKE / 2,
		width: VB - STROKE,
		height: VB - STROKE,
		rx: RADIUS,
		ry: RADIUS,
		pathLength: PATH_LEN,
		fill: "none",
		stroke: strokeMain,
		strokeWidth: STROKE,
		strokeLinecap: "round",
		strokeLinejoin: "round",
		strokeDasharray: `${clamped} ${PATH_LEN}`,
		transform: `rotate(-90 ${VB / 2} ${VB / 2})`,
		style: { transition: "stroke-dasharray 0.6s ease" }
	})));
}
//#endregion
exports.RoomCardRectEdgeProgress = RoomCardRectEdgeProgress;
