import * as React from 'react';
import Text from '../Typography/Text';
import { withTheme } from '../../core/theming';
import { View } from 'react-native';
const Breadcrumbs = _ref => {
  let {
    breadcrumbs = [{
      label: 'Hello'
    }, {
      label: 'World'
    }, {
      label: 'Breadcrumb'
    }],
    breadcrumb_labels = [],
    theme,
    ...rest
  } = _ref;
  const labels = breadcrumb_labels.length > 0 ? [...breadcrumb_labels.slice(0, breadcrumbs.length), ...breadcrumbs.map(breadcrumb => breadcrumb.label).slice(breadcrumb_labels.length, breadcrumbs.length)] : breadcrumbs.map(breadcrumb => breadcrumb.label);
  return /*#__PURE__*/React.createElement(View, {
    style: {
      flexDirection: 'row'
    }
  }, labels.map((label, i) => /*#__PURE__*/React.createElement(Text, {
    key: label + '-' + i,
    variant: "Caption"
  }, label, i < labels.length - 1 ? ' / ' : null)));
};
export default withTheme(Breadcrumbs);
//# sourceMappingURL=Breadcrumbs.js.map