@trail-ui/react
Version:
35 lines (33 loc) • 807 B
JavaScript
// 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
};