import "../styles/allotment.css";
import * as React from "react";
/**
 * Props for the SidebarLayout component
 */
export interface SidebarLayoutProps {
    /** The sidebar content to display */
    sidebar: React.ReactNode;
    /** The main content area */
    content: React.ReactNode;
    /** Default sidebar width in pixels (default: 280) */
    defaultSidebarWidth?: number;
    /** Minimum sidebar width in pixels (default: 200) */
    minSidebarWidth?: number;
    /** Maximum sidebar width in pixels (default: 400) */
    maxSidebarWidth?: number;
    /** Whether the sidebar can be collapsed (default: true) */
    collapsible?: boolean;
    /** Callback function called when sidebar is toggled */
    onSidebarToggle?: (collapsed: boolean) => void;
    /** Additional className for the container */
    className?: string;
    /** Additional className for the sidebar pane */
    sidebarClassName?: string;
    /** Additional className for the content pane */
    contentClassName?: string;
}
/**
 * Ref methods exposed by SidebarLayout
 */
export interface SidebarLayoutRef {
    /** Toggle the sidebar collapsed state */
    toggle: () => void;
    /** Collapse the sidebar */
    collapse: () => void;
    /** Expand the sidebar */
    expand: () => void;
}
/**
 * SidebarLayout component provides a resizable sidebar layout using Allotment.
 * Supports pixel-based sizing, toggle functionality, and hover reveal when collapsed.
 */
export declare const SidebarLayout: React.ForwardRefExoticComponent<SidebarLayoutProps & React.RefAttributes<SidebarLayoutRef>>;
//# sourceMappingURL=SidebarLayout.d.ts.map