UNPKG

@trail-ui/react

Version:
47 lines (44 loc) 1.1 kB
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 };