@trail-ui/react
Version:
47 lines (44 loc) • 1.1 kB
JavaScript
import {
useRenderProps
} from "./chunk-4CU75PXA.mjs";
// src/overlay-arrow/overlay-arrow.tsx
import { createContext, forwardRef } from "react";
import { useContextProps } from "react-aria-components";
import { jsx } from "react/jsx-runtime";
var OverlayArrowContext = createContext({
placement: "bottom"
});
function OverlayArrow(props, ref) {
[props, ref] = useContextProps(props, ref, OverlayArrowContext);
let placement = props.placement;
let style = {
position: "absolute",
[placement]: "100%",
transform: placement === "top" || placement === "bottom" ? "translateX(-50%)" : "translateY(-50%)"
};
let renderProps = useRenderProps({
...props,
defaultClassName: "react-aria-OverlayArrow",
values: {
placement
}
});
return /* @__PURE__ */ jsx(
"div",
{
...props,
...renderProps,
style: {
...renderProps.style,
...style
},
ref,
"data-placement": placement
}
);
}
var _OverlayArrow = /* @__PURE__ */ forwardRef(OverlayArrow);
export {
OverlayArrowContext,
_OverlayArrow
};