@redocly/theme
Version:
Shared UI components lib
23 lines • 1.71 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ChangeViewButton = void 0;
const react_1 = __importDefault(require("react"));
const HorizontalViewIcon_1 = require("../../icons/HorizontalViewIcon/HorizontalViewIcon");
const VerticalViewIcon_1 = require("../../icons/VerticalViewIcon/VerticalViewIcon");
const SidebarActions_1 = require("../../components/SidebarActions/SidebarActions");
const styled_1 = require("../../components/SidebarActions/styled");
const hooks_1 = require("../../core/hooks");
const ChangeViewButton = ({ layout, onClick, collapsedSidebar, }) => {
const { useTranslate } = (0, hooks_1.useThemeHooks)();
const { translate } = useTranslate();
return (react_1.default.createElement(styled_1.StyledChangeViewButton, { title: translate('sidebar.actions.changeLayout', 'Change layout'), onClick: onClick, collapsedSidebar: collapsedSidebar },
react_1.default.createElement(styled_1.StyledChangeViewButtonWrap, { active: layout === SidebarActions_1.LayoutVariant.STACKED },
react_1.default.createElement(HorizontalViewIcon_1.HorizontalViewIcon, { size: "14px", color: "--segmented-buttons-content-color" })),
react_1.default.createElement(styled_1.StyledChangeViewButtonWrap, { active: layout === SidebarActions_1.LayoutVariant.THREE_PANEL },
react_1.default.createElement(VerticalViewIcon_1.VerticalViewIcon, { size: "14px", color: "--segmented-buttons-content-color" }))));
};
exports.ChangeViewButton = ChangeViewButton;
//# sourceMappingURL=ChangeViewButton.js.map