@firecms/ui
Version:
Awesome Firebase/Firestore-based headless open-source CMS
17 lines (16 loc) • 787 B
TypeScript
import React from "react";
export type ResizablePanelsProps = {
firstPanel: React.ReactNode;
secondPanel: React.ReactNode;
/** Whether the first panel is visible (e.g. Sidebar) */
showFirstPanel?: boolean;
/** Whether the second panel is visible (e.g. Results) */
showSecondPanel?: boolean;
/** 0-100 representing the width/height of the first panel */
panelSizePercent: number;
onPanelSizeChange: (sizePercent: number) => void;
minPanelSizePx?: number;
orientation?: 'horizontal' | 'vertical';
className?: string;
};
export declare function ResizablePanels({ firstPanel, secondPanel, showFirstPanel, showSecondPanel, panelSizePercent, onPanelSizeChange, minPanelSizePx, orientation, className }: ResizablePanelsProps): React.JSX.Element;