const require_runtime = require("../../../../_virtual/_rolldown/runtime.js");
let react = require("react");
react = require_runtime.__toESM(react);
//#region src/plus/pisellReservation/floorRoomCard/views/RoomCardDiscEdgeProgress.tsx
const VB = 100;
const CX = 50;
const CY = 50;
const STROKE = 1.75;
/** 外缘贴齐容器：rx/ry + stroke/2 = viewBox 半径 50 */
const RX = 50 - STROKE / 2;
const RY = 50 - STROKE / 2;
/** 用 `pathLength=100` 让 dasharray 直接按百分比表达 */
const PATH_LEN = 100;
/** 圆桌单条占用：外缘环形进度（百分比同源底部横条） */
function RoomCardDiscEdgeProgress(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__disc-edge-progress",
		"aria-hidden": true
	}, /* @__PURE__ */ react.default.createElement("svg", {
		viewBox: `0 0 ${VB} ${VB}`,
		preserveAspectRatio: "none"
	}, /* @__PURE__ */ react.default.createElement("ellipse", {
		cx: CX,
		cy: CY,
		rx: RX,
		ry: RY,
		pathLength: PATH_LEN,
		fill: "none",
		stroke: track,
		strokeWidth: STROKE
	}), /* @__PURE__ */ react.default.createElement("ellipse", {
		cx: CX,
		cy: CY,
		rx: RX,
		ry: RY,
		pathLength: PATH_LEN,
		fill: "none",
		stroke: strokeMain,
		strokeWidth: STROKE,
		strokeLinecap: "round",
		strokeDasharray: `${clamped} ${PATH_LEN}`,
		transform: `rotate(-90 ${CX} ${CY})`,
		style: { transition: "stroke-dasharray 0.6s ease" }
	})));
}
//#endregion
exports.RoomCardDiscEdgeProgress = RoomCardDiscEdgeProgress;
