"use client";
import { jsx } from 'react/jsx-runtime';
import { DotsHorizontalIcon, ChevronRightIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
import { forwardRef } from 'react';
import styles from './breadcrumb.module.css.js';

const BreadcrumbEllipsis = forwardRef(({ className, children = jsx(DotsHorizontalIcon, { width: 20, height: 20 }), ...props }, ref) => {
    return (jsx("span", { className: cx(styles['breadcrumb-ellipsis'], className), ref: ref, ...props, children: children }));
});
BreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis';
const BreadcrumbSeparator = forwardRef(({ children = jsx(ChevronRightIcon, { width: 12, height: 12 }), className, ...props }, ref) => {
    return (jsx("span", { className: cx(styles['breadcrumb-separator'], className), ref: ref, ...props, children: children }));
});
BreadcrumbSeparator.displayName = 'BreadcrumbSeparator';

export { BreadcrumbEllipsis, BreadcrumbSeparator };
//# sourceMappingURL=breadcrumb-misc.js.map
