import { cs } from "../utils/styles.js";
import { useStyleConfig } from "../core/theme.js";
import Box from "../box/box.js";
import Icon from "../icon/icon.js";
import { useBreadcrumbsContext } from "./context.js";
import { jsx } from "react/jsx-runtime";

//#region src/breadcrumbs/breadcrumbsSeparator.tsx
/** Breadcrumbs separator. */
const BreadcrumbsSeparator = ({ className, children, content, ...rest }) => {
	const styles = useStyleConfig("Breadcrumbs", useBreadcrumbsContext());
	return /* @__PURE__ */ jsx(Box, {
		alignItems: "center",
		justifyContent: "center",
		className: cs("vui-breadcrumbs-separator", className),
		p: 0,
		...rest,
		children: content || children || /* @__PURE__ */ jsx(Icon, {
			name: "uiAngleRight",
			...styles.separator
		})
	});
};

//#endregion
export { BreadcrumbsSeparator as default };
globalThis.__vuiVersion__ = "4.0.0"
//# sourceMappingURL=breadcrumbsSeparator.js.map