import { LinkColor } from "../Link/Link.js";
import "../Link/index.js";
import { FC, HTMLAttributes, ReactNode } from "react";
import * as class_variance_authority_types2 from "class-variance-authority/types";
import { VariantProps } from "class-variance-authority";
import { LocalesValues } from "@intlayer/types";

//#region src/components/Breadcrumb/index.d.ts
/**
 * Breadcrumb variant styles using class-variance-authority
 */
declare const breadcrumbVariants: (props?: {
  size?: "small" | "medium" | "large";
  spacing?: "compact" | "normal" | "loose";
} & class_variance_authority_types2.ClassProp) => string;
/**
 * Detailed breadcrumb link configuration with optional href or onClick
 */
type DetailedBreadcrumbLink = {
  /**
   * URL to navigate to when the breadcrumb item is clicked
   */
  href?: string;
  /**
   * Text content to display for this breadcrumb item
   */
  text: string;
  /**
   * Custom click handler function for interactive breadcrumb items
   */
  onClick?: () => void;
};
/**
 * Union type representing different breadcrumb item configurations:
 * - string: Simple text breadcrumb item
 * - DetailedBreadcrumbLink: Object with href, text, and/or onClick properties
 */
type BreadcrumbLink = string | DetailedBreadcrumbLink;
type BreadcrumbProps = {
  /**
   * Array of breadcrumb items
   */
  links: BreadcrumbLink[];
  /**
   * Color scheme for breadcrumb links
   * @default LinkColor.TEXT
   */
  color?: LinkColor | `${LinkColor}`;
  /**
   * Locale for internationalization
   */
  locale?: LocalesValues;
  /**
   * Element type for ARIA current attribute
   * @default 'page'
   */
  elementType?: 'page' | 'location';
  /**
   * Custom separator between breadcrumb items
   * @default ChevronRightIcon
   */
  separator?: ReactNode;
  /**
   * ARIA label for breadcrumb navigation
   * @default 'breadcrumb'
   */
  ariaLabel?: string;
  /**
   * Whether to include structured data markup
   * @default true
   */
  includeStructuredData?: boolean;
  /**
   * Maximum number of breadcrumb items to show before truncation
   */
  maxItems?: number;
} & VariantProps<typeof breadcrumbVariants> & HTMLAttributes<HTMLOListElement>;
/**
 * Breadcrumb component providing navigational context with accessibility features
 *
 * Features:
 * - Supports links, buttons, and static text elements
 * - Full keyboard navigation support
 * - ARIA attributes for screen readers
 * - Schema.org structured data for SEO
 * - Customizable separators and styling
 * - Internationalization support
 * - Responsive design variants
 *
 * @example
 * ```tsx
 * <Breadcrumb
 *   links={[
 *     'Home',
 *     { href: '/products', text: 'Products' },
 *     { onClick: handleCategory, text: 'Electronics' },
 *     'Smartphones'
 *   ]}
 *   size="medium"
 *   ariaLabel="Product navigation"
 * />
 * ```
 */
declare const Breadcrumb: FC<BreadcrumbProps>;
//#endregion
export { Breadcrumb, BreadcrumbLink, BreadcrumbProps };
//# sourceMappingURL=index.d.ts.map