import { cs } from "../utils/styles.js";
import "../utils/index.js";
import { useStyleConfig } from "../core/theme.js";
import { Box } from "../box/box.js";
import "../box/index.js";
import { Icon } from "../icon/icon.js";
import "../icon/index.js";
import "../core/index.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
		})
	});
};
var breadcrumbsSeparator_default = BreadcrumbsSeparator;

//#endregion
export { breadcrumbsSeparator_default as default };
globalThis.__vuiVersion__ = "4.0.0-beta.1"
//# sourceMappingURL=breadcrumbsSeparator.js.map