import * as React from 'react';
export declare const APPSHELL_PANEL_TYPE: "AppShell.Panel";
export interface AppShellPanelProps extends React.ComponentProps<'div'> {
    /** Fixed width in pixels (number) or CSS string */
    width?: number | string;
    /** Flex grow value */
    flex?: number | string;
    /** When true, panel takes all content space (flex: 1), sibling panels hidden */
    expanded?: boolean;
    /** Callback when expanded state should change */
    onExpandedChange?: (expanded: boolean) => void;
    /** Label shown in mobile tab bar */
    label?: string;
}
/**
 * Generic content slot for AppShell. Max 2 panels visible at a time.
 *
 * Sizing priority: expanded > width/flex > default (flex: 1)
 *
 * Reads PanelLayoutContext to self-manage visibility and mobile sizing,
 * eliminating the need for cloneElement style injection from Root.
 */
declare function AppShellPanel({ width, flex, expanded, onExpandedChange, label, className, style, children, ...props }: AppShellPanelProps): import("react/jsx-runtime").JSX.Element;
declare namespace AppShellPanel {
    var displayName: string;
}
export { AppShellPanel };
