import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
import { useAtom } from 'jotai';
import { LayoutVariant } from '@redocly/config';
import { SidebarActions as ThemeSidebarActions } from '@redocly/theme/components/SidebarActions/SidebarActions';
import { collapsedSidebarAtom, layoutAtom } from '../../jotai/app.js';
import { styled } from '../../styled-components.js';
export const SidebarActions = () => {
    const [layout, setLayout] = useAtom(layoutAtom);
    const [collapsedSidebar, setSidebarCollapsed] = useAtom(collapsedSidebarAtom);
    return (_jsx(_Fragment, { children: _jsx(Wrapper, { children: _jsx(ThemeSidebarActions, { layout: layout, onChangeViewClick: () => setLayout(layout === LayoutVariant.STACKED ? LayoutVariant.THREE_PANEL : LayoutVariant.STACKED), collapsedSidebar: collapsedSidebar, onChangeCollapseSidebarClick: () => setSidebarCollapsed(!collapsedSidebar), isApiDocs: true }) }) }));
};
const Wrapper = styled.div `
  position: sticky;
  top: calc(100vh);
  padding: var(--spacing-sm) var(--spacing-md);
`;
//# sourceMappingURL=SidebarActions.js.map