import type { BreadcrumbItem } from './types';
type Props = {
    items: BreadcrumbItem[];
    /** Separator character between crumbs. @default '/' */
    separator?: string;
    /** When the crumb links show their underline: only on hover, permanently, or not at all. @default 'hover' */
    underline?: 'hover' | 'always' | 'never';
};
/**
 * A horizontal trail of crumbs ending at the current page. Each non-last item renders as:
 * - `<a href>` when `item.href` is set (works for plain navigation; `item.on.click` still fires first
 * and can `preventDefault()` for SPA routing),
 * - `<button>` styled like an anchor when only `item.on.click` is set (callback-only mode),
 * - plain text `<span>` when neither is set.
 *
 * The last item is always plain text with `aria-current="page"`. `underline` decides whether the crumb
 * links show their underline on hover only (default), always, or never.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--breadcrumb--gap` | Gap between crumbs and separators | `--sc-kit--space--2` |
 * | `--sc-kit--breadcrumb--font-size` | Font size | `--sc-kit--font-size--md` |
 * | `--sc-kit--breadcrumb--color` | Separator color | `--sc-kit--color--text--muted` |
 * | `--sc-kit--breadcrumb--link--color` | Anchor color | `--sc-kit--color--text--secondary` |
 * | `--sc-kit--breadcrumb--link--color--hover` | Anchor color on hover | `--sc-kit--color--accent` |
 * | `--sc-kit--breadcrumb--current--color` | Current crumb color | `--sc-kit--color--text--primary` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;