@redocly/theme
Version:
Shared UI components lib
34 lines • 2.17 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.CatalogSearchInputWrapper = exports.CatalogControlsWrapper = exports.CatalogActionsRowWrapper = void 0;
exports.CatalogActionsRow = CatalogActionsRow;
const react_1 = __importDefault(require("react"));
const styled_components_1 = __importDefault(require("styled-components"));
const FilterInput_1 = require("../../components/Filter/FilterInput");
const CatalogSortButton_1 = require("../../components/Catalog/CatalogSortButton");
const CatalogViewModeToggle_1 = require("../../components/Catalog/CatalogViewModeToggle");
function CatalogActionsRow({ searchQuery, setSearchQuery, sortOption, setSortOption, viewMode, onViewModeChange, style, }) {
return (react_1.default.createElement(exports.CatalogActionsRowWrapper, { style: style },
react_1.default.createElement(exports.CatalogSearchInputWrapper, null,
react_1.default.createElement(FilterInput_1.FilterInput, { value: searchQuery, onChange: (updatedTerm) => setSearchQuery(updatedTerm) })),
react_1.default.createElement(exports.CatalogControlsWrapper, null,
react_1.default.createElement(CatalogSortButton_1.CatalogSortButton, { onSortChange: setSortOption, currentSort: sortOption }),
viewMode && onViewModeChange && (react_1.default.createElement(CatalogViewModeToggle_1.CatalogViewModeToggle, { viewMode: viewMode, onViewModeChange: onViewModeChange })))));
}
exports.CatalogActionsRowWrapper = styled_components_1.default.div `
display: flex;
align-items: center;
`;
exports.CatalogControlsWrapper = styled_components_1.default.div `
display: var(--catalog-controls-wrapper-display);
align-items: var(--catalog-controls-wrapper-align-items);
margin-left: var(--catalog-controls-wrapper-margin-left);
gap: var(--catalog-controls-wrapper-gap);
`;
exports.CatalogSearchInputWrapper = styled_components_1.default.div `
width: var(--catalog-search-input-wrapper-width);
`;
//# sourceMappingURL=CatalogActionsRow.js.map