@redocly/theme
Version:
Shared UI components lib
21 lines • 1.27 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.CatalogMobileTopBarControls = CatalogMobileTopBarControls;
const react_1 = __importDefault(require("react"));
const styled_components_1 = __importDefault(require("styled-components"));
const CatalogSortButton_1 = require("../../../components/Catalog/CatalogSortButton");
const CatalogViewModeToggle_1 = require("../../../components/Catalog/CatalogViewModeToggle");
function CatalogMobileTopBarControls({ setSortOption, sortOption, viewMode, setViewMode, }) {
return (react_1.default.createElement(CatalogMobileTopBarControlsWrapper, null,
react_1.default.createElement(CatalogSortButton_1.CatalogSortButton, { onSortChange: setSortOption, currentSort: sortOption }),
react_1.default.createElement(CatalogViewModeToggle_1.CatalogViewModeToggle, { viewMode: viewMode, onViewModeChange: setViewMode })));
}
const CatalogMobileTopBarControlsWrapper = styled_components_1.default.div `
display: flex;
align-items: center;
gap: var(--catalog-controls-wrapper-gap);
`;
//# sourceMappingURL=CatalogMobileTopBarControls.js.map