import { ReactNode, HTMLAttributes, MouseEventHandler } from 'react'; import { KnownIcons } from '../Icon/Icon.component'; export interface BreadcrumbItemProps extends HTMLAttributes { /** * The type of icon to display within the breadcrumb item. */ icon?: KnownIcons; /** * The URL that the breadcrumb item points to for navigation. * @default undefined */ href?: string; /** * The text to display within the breadcrumb item. * @default "Item" */ label?: string; /** * The value for the `aria-label` attribute, enhancing accessibility by providing a textual description. */ ariaLabel?: string; /** * Specifies whether this item is the last or currently active breadcrumb. * @default false */ active?: boolean; /** * The click event handler for the breadcrumb item, called when the item is clicked. */ onClick?: MouseEventHandler; /** * If `true`, disables the breadcrumb item, preventing interaction. * @default false */ disabled?: boolean; /** * Additional CSS class names to apply for custom styling of the breadcrumb item. * @default "" */ className?: string; /** * Custom content to be rendered inside the breadcrumb item, replacing default content. * This takes precedence over other content. */ children?: ReactNode; } /** * The `BreadcrumbItem` component represents an individual item within a Breadcrumb component. * It can render as either a static label or a navigable link, depending on the `active` * and `disabled` states. It supports custom icons, labels, and click functionality. * @see https://cloudoperators.github.io/juno/?path=/docs/components-breadcrumb-breadcrumbitem--docs * @see {@link BreadcrumbItemProps} */ export declare const BreadcrumbItem: ({ href, label, ariaLabel, active, children, disabled, onClick, className, icon, ...props }: BreadcrumbItemProps) => ReactNode; //# sourceMappingURL=BreadcrumbItem.component.d.ts.map