@mantine/core/cjs/utils/Floating/FloatingArrow/FloatingArrow.cjs

React components library focused on usability, accessibility and developer experience

"use client";
require("../../../_virtual/_rolldown/runtime.cjs");
const require_DirectionProvider = require("../../../core/DirectionProvider/DirectionProvider.cjs");
const require_get_arrow_position_styles = require("./get-arrow-position-styles.cjs");
let react_jsx_runtime = require("react/jsx-runtime");
//#region packages/@mantine/core/src/utils/Floating/FloatingArrow/FloatingArrow.tsx
function FloatingArrow({ position, arrowSize, arrowOffset, arrowRadius, arrowPosition, visible, arrowX, arrowY, style, ...others }) {
	const { dir } = require_DirectionProvider.useDirection();
	if (!visible) return null;
	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
		...others,
		style: {
			...style,
			...require_get_arrow_position_styles.getArrowPositionStyles({
				position,
				arrowSize,
				arrowOffset,
				arrowRadius,
				arrowPosition,
				dir,
				arrowX,
				arrowY
			})
		}
	});
}
FloatingArrow.displayName = "@mantine/core/FloatingArrow";
//#endregion
exports.FloatingArrow = FloatingArrow;

//# sourceMappingURL=FloatingArrow.cjs.map