"use client";
import { jsx, jsxs } from "react/jsx-runtime";
import { format } from "date-fns";
//#region src/components/molecules/data/Calendar/_shared/CurrentTimeMarker.tsx
function CurrentTimeMarker({ top, now, showLabel = true }) {
	return /* @__PURE__ */ jsxs("div", {
		"data-slot": "current-time-marker",
		className: "pointer-events-none absolute inset-x-0 z-10 flex items-center",
		style: { top: `${top}px` },
		children: [
			showLabel && /* @__PURE__ */ jsx("span", {
				className: "absolute -left-[72px] w-[68px] text-end text-[10px] font-semibold text-primary",
				children: format(now, "h:mm a")
			}),
			/* @__PURE__ */ jsxs("div", {
				className: "relative flex items-center justify-center",
				children: [/* @__PURE__ */ jsx("div", { className: "size-2 rounded-full bg-primary" }), /* @__PURE__ */ jsx("div", { className: "absolute size-2 animate-ping rounded-full bg-primary opacity-40 motion-reduce:animate-none" })]
			}),
			/* @__PURE__ */ jsx("div", { className: "h-0.5 flex-1 bg-primary" })
		]
	});
}
CurrentTimeMarker.displayName = "CurrentTimeMarker";
//#endregion
export { CurrentTimeMarker };

//# sourceMappingURL=index56.js.map