import React__default from 'react';
import { ChevronRightIcon } from '@heroicons/react/20/solid';

/**
 * Default theme configuration for Breadcrumbs component
 * Only includes complex styles with multiple classes/transitions
 * Simple layout styles are inlined in the component
 */
const breadcrumbsTheme = {
    link: "text-[var(--color-text-muted)] hover:text-[var(--color-text-primary)] transition-colors duration-150 font-medium",
    current: "text-[var(--color-text-primary)] font-medium",
    separator: "text-[var(--color-text-muted)] select-none",
    ellipsis: "text-[var(--color-text-muted)] hover:text-[var(--color-text-primary)] transition-colors duration-150 cursor-pointer p-1 rounded hover:bg-[var(--color-background-tertiary)]",
};
/**
 * Variant styles for different breadcrumb appearances
 */
const breadcrumbsVariants = {
    default: {},
    muted: {
        link: "text-[var(--color-text-muted)] hover:text-[var(--color-text-secondary)] transition-colors duration-150 font-normal",
        current: "text-[var(--color-text-secondary)] font-normal",
        separator: "text-[var(--color-border)]",
        ellipsis: "text-[var(--color-text-muted)] hover:text-[var(--color-text-secondary)] transition-colors duration-150 cursor-pointer p-1 rounded hover:bg-[var(--color-background-secondary)]",
    },
};
/**
 * Default chevron separator element
 */
const defaultSeparator = React__default.createElement(ChevronRightIcon, { className: "size-4" });

export { breadcrumbsTheme, breadcrumbsVariants, defaultSeparator };
