@redocly/theme/lib/components/Catalog/CatalogMobileTopBar/CatalogMobileTopBar.js

Shared UI components lib

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.CatalogMobileTopBar = CatalogMobileTopBar;
const react_1 = __importDefault(require("react"));
const styled_components_1 = __importDefault(require("styled-components"));
const CatalogMobileTopBarFiltersButton_1 = require("../../../components/Catalog/CatalogMobileTopBar/CatalogMobileTopBarFiltersButton");
const CatalogMobileTopBarControls_1 = require("../../../components/Catalog/CatalogMobileTopBar/CatalogMobileTopBarControls");
const core_1 = require("../../../core");
function CatalogMobileTopBar({ setMobileFiltersPanelOpen, activeFiltersCount, setSortOption, sortOption, viewMode, setViewMode, }) {
    return (react_1.default.createElement(CatalogMobileTopBarWrapper, null,
        react_1.default.createElement(CatalogMobileTopBarFiltersButton_1.CatalogMobileTopBarFiltersButton, { setMobileFiltersPanelOpen: setMobileFiltersPanelOpen, activeFiltersCount: activeFiltersCount }),
        react_1.default.createElement(CatalogMobileTopBarControls_1.CatalogMobileTopBarControls, { setSortOption: setSortOption, sortOption: sortOption, viewMode: viewMode, setViewMode: setViewMode })));
}
const CatalogMobileTopBarWrapper = styled_components_1.default.div `
  display: none;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-sm) var(--catalog-page-padding-horizontal);
  border-bottom: 1px solid var(--border-color-secondary);
  background: var(--bg-color);
  flex-shrink: 0;

  @media screen and (max-width: ${core_1.breakpoints.medium}) {
    display: flex;
  }
`;
//# sourceMappingURL=CatalogMobileTopBar.js.map