import classNames from "classnames" ; import * as React from "react" ; import * as Classes from "../../common/classes" ; import { ActionProps , LinkProps } from "../../common/props" ; import { Icon } from "../icon/icon" ; export type BreadcrumbProps = IBreadcrumbProps ; deprecated export interface IBreadcrumbProps extends ActionProps , LinkProps { /** Whether this breadcrumb is the current breadcrumb. */ current ? : boolean ; /**
     * Pass through value to icon's title attribute. Should be used for breadcrumbs without
     * text or children defined.
     */ iconTitle ? : string ; } export const Breadcrumb = breadcrumbProps => { const classes = classNames ( Classes . BREADCRUMB , { [ Classes . BREADCRUMB_CURRENT ] : breadcrumbProps . current , [ Classes . DISABLED ] : breadcrumbProps . disabled , } , breadcrumbProps . className ) ; const icon = breadcrumbProps . icon != null ? ( < Icon title = { breadcrumbProps . iconTitle } icon = { breadcrumbProps . icon } / > ) : undefined ; if ( breadcrumbProps . href == null && breadcrumbProps . onClick == null ) { return ( < span className = { classes } > { icon } { breadcrumbProps . text } { breadcrumbProps . children } < /span>); } return ( < a className = { classes } href = { breadcrumbProps . href } onClick = { breadcrumbProps . disabled ? undefined : breadcrumbProps . onClick } tabIndex = { breadcrumbProps . disabled ? undefined : 0 } target = { breadcrumbProps . target } > { icon } { breadcrumbProps . text } { breadcrumbProps . children } < /a>); } ;