@findify/react-components/lib/components/Breadcrumbs/index.js

Findify react UI components

/**
 * @module components/Breadcrumbs
 */
import MapArray from "../common/MapArray";
import createBreadcrumb from "./createBreadcrumb";
import CheckboxContent from "../CheckboxFacet/content";
import RangeContent from "../RangeFacet/content";
import RatingContent from "../RatingFacet/content";
import ColorContent from "../ColorFacet/content";
import { useBreadcrumbs } from '@findify/react-connect';
var styles = {
  "root": "findify-components--breadcrumbs",
  "breadcrumb": "findify-components--breadcrumbs__breadcrumb",
  "title": "findify-components--breadcrumbs__title",
  "ball": "findify-components--breadcrumbs__ball",
  "cross": "findify-components--breadcrumbs__cross",
  "star": "findify-components--breadcrumbs__star",
  "unfilled": "findify-components--breadcrumbs__unfilled"
};
import { memo } from 'react';
/**
 * Breadcrumb factory used to automatically initialize breadcrumbs
 * depending on filters used in a search
 */

import { jsx as _jsx } from "react/jsx-runtime";
var Breadcrumb = createBreadcrumb({
  text: CheckboxContent,
  range: RangeContent,
  color: ColorContent,
  category: CheckboxContent,
  price: RangeContent,
  rating: RatingContent
});
export default /*#__PURE__*/memo(function (_ref) {
  var _ref$theme = _ref.theme,
      theme = _ref$theme === void 0 ? styles : _ref$theme;

  var _useBreadcrumbs = useBreadcrumbs(),
      config = _useBreadcrumbs.config,
      filters = _useBreadcrumbs.filters;

  return /*#__PURE__*/_jsx(MapArray, {
    theme: theme,
    config: config,
    array: filters,
    factory: Breadcrumb
  });
});