UNPKG

box-ui-elements-mlh

Version:
24 lines (19 loc) 611 B
/** * @flow * @file Clickable breadcrumb component * @author Box */ import React from 'react'; import IconChevron from '../../../icons/general/IconChevron'; import { DELIMITER_CARET, COLOR_999 } from '../../../constants'; import type { Delimiter } from '../../../common/types/core'; type Props = { delimiter?: Delimiter, }; const BreadcrumbDelimiter = ({ delimiter }: Props) => delimiter === DELIMITER_CARET ? ( <IconChevron className="be-breadcrumb-seperator" color={COLOR_999} direction="right" size="7px" /> ) : ( <span>/</span> ); export default BreadcrumbDelimiter;