import { jsx as _jsx } from "react/jsx-runtime";
import { Box } from '../box';
import { useStyleConfig } from '../core';
import { Icon } from '../icon';
import { cs } from '../utils';
import { useBreadcrumbsContext } from './context';
/** Breadcrumbs separator. */
export const BreadcrumbsSeparator = ({ className, children, content, ...rest }) => {
    const styles = useStyleConfig('Breadcrumbs', useBreadcrumbsContext());
    return (_jsx(Box, { alignItems: "center", className: cs('vui-breadcrumbs-separator', className), p: 0, ...rest, children: content || children || _jsx(Icon, { name: "falAngleRight", ...styles.separator }) }));
};
export default BreadcrumbsSeparator;
//# sourceMappingURL=breadcrumbsSeparator.js.map