@tinacms/toolkit
Version:
Tina is a lightweight but powerful toolkit for creating a site editing ui with javascript components. Tina surfaces superpowers for dev’s to create, expand on and customize a simple yet intuitive ui for editing content.
27 lines (23 loc) • 990 B
TypeScript
/**
*/
import * as React from 'react';
import { SidebarState, SidebarStateOptions } from '../sidebar';
export declare const SidebarContext: React.Context<any>;
export declare const minPreviewWidth = 440;
export declare const minSidebarWidth = 360;
export declare const navBreakpoint = 1000;
export interface SidebarProviderProps {
sidebar: SidebarState;
resizingSidebar: boolean;
setResizingSidebar: React.Dispatch<React.SetStateAction<boolean>>;
defaultWidth?: SidebarStateOptions['defaultWidth'];
position?: SidebarStateOptions['position'];
defaultState?: SidebarStateOptions['defaultState'];
}
export declare function SidebarProvider({ position, resizingSidebar, setResizingSidebar, defaultWidth, sidebar, }: SidebarProviderProps): JSX.Element;
export declare const updateBodyDisplacement: ({ position, displayState, sidebarWidth, resizingSidebar, }: {
position?: string;
displayState: any;
sidebarWidth: any;
resizingSidebar: any;
}) => void;