function Breadcrumb(props) {
    const { href, label, onClick, disabled, className, style } = props;

    return (
        <StyledLi className={className} style={style}>
            <RenderIf isTrue={href}>
                <StyledAnchor disabled={disabled} href={href} aria-disabled={!!disabled}>
                    {label}
                </StyledAnchor>
            </RenderIf>
            <RenderIf isTrue={onClick && !href}>
                <StyledButton disabled={disabled} onClick={onClick} aria-disabled={!!disabled}>
                    {label}
                </StyledButton>
            </RenderIf>
        </StyledLi>
    );
}
An item in the hierarchy path of the page the user is on.
@category Layout