UNPKG

@trail-ui/react

Version:
35 lines (33 loc) 807 B
// src/divider/divider.tsx import { divider } from "@trail-ui/theme"; import { useEffect, useMemo, useRef } from "react"; import { Separator } from "react-aria-components"; import { jsx } from "react/jsx-runtime"; function Divider(props) { const dividerRef = useRef(null); let { className, orientation, ...otherProps } = props; const styles = useMemo( () => divider({ orientation, className }), [orientation, className] ); useEffect(() => { var _a; (_a = dividerRef.current) == null ? void 0 : _a.setAttribute("aria-hidden", "true"); }, []); return /* @__PURE__ */ jsx( Separator, { ref: dividerRef, className: styles, "data-orientation": orientation, "aria-hidden": true, ...otherProps } ); } export { Divider };