import { ResizeHandles, PanelSizesWithUnit, PanelChildren } from '../types/shared-panel-types.js';
/**
 * Generate grid template columns for all panels and resize handles.
 * If no sizes are provided, fall back to 1fr for the max column size.
 * This is needed so we can calculate the sizes correctly in case the
 * minWidth of all panels exceeds the parent panel width.
 */
export declare function generateGridTemplateColumns(sortedPanelChildren: PanelChildren, sortedResizeHandles: ResizeHandles, sizes?: PanelSizesWithUnit): string;
/**
 * Generate grid template areas for all panels and resize handles.
 * Example of returned template areas:
 *    "header   header                 header"
 *    "sidebar  sidebar-resize-handle  main  "
 *
 * At the moment, the "header" area is mainly used for the page component, so
 * we can render its compounds anywhere and they still end up in the right place.
 */
export declare function generateGridTemplateAreas(sortedPanelChildren: PanelChildren, sortedResizeHandles: ResizeHandles): string;
/**
 * Generate all the states of the grid template columns and grid template areas
 * needed to animate added / removed panels.
 */
export declare function getAnimationStates(sortedPanels: PanelChildren, prevPanels: PanelChildren, sortedResizeHandles: ResizeHandles, prevResizeHandles: ResizeHandles, newSizesFinal: PanelSizesWithUnit, newSizesAnimationStart: PanelSizesWithUnit | undefined, newSizesAnimationEnd: PanelSizesWithUnit | undefined): {
    gridTemplateAreas: string;
    gridTemplateAreasStart: string;
    gridTemplateColumns: string;
    gridTemplateColumnsStart: string;
    gridTemplateColumnsEnd: string;
};