@gravity-ui/uikit
Version:
Gravity UI base styling and components
14 lines (13 loc) • 861 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import * as React from 'react';
import { useDefaultProps } from "../theme/useDefaultProps.js";
import { block } from "../utils/cn.js";
import { filterDOMProps } from "../utils/filterDOMProps.js";
import "./Divider.css";
const b = block('divider');
export const Divider = React.forwardRef(function Divider(rawProps, ref) {
const props = useDefaultProps('Divider', rawProps);
const { orientation = 'horizontal', className, style, qa, children, align = 'start', ...restProps } = props;
return (_jsx("div", { ...filterDOMProps(restProps, { labelable: true }), className: b({ orientation, align }, className), ref: ref, style: style, "data-qa": qa, role: "separator", "aria-orientation": orientation === 'vertical' ? 'vertical' : undefined, children: children }));
});
//# sourceMappingURL=Divider.js.map