box-ui-elements-mlh
Version:
24 lines (19 loc) • 611 B
JavaScript
/**
* @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;