import { VariantProps } from 'class-variance-authority';
import { ComponentProps, ReactNode } from 'react';
declare const sidePanelRoot: (props?: ({
    side?: "left" | "right" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
interface SidePanelProps extends ComponentProps<'aside'>, VariantProps<typeof sidePanelRoot> {
}
interface SidePanelHeaderProps extends ComponentProps<'div'> {
    title: string;
    icon?: ReactNode;
    actions?: Array<ReactNode>;
    description?: string;
    titleId?: string;
}
interface SidePanelSectionProps extends ComponentProps<'div'> {
}
export declare const SidePanel: {
    ({ side, className, ...props }: SidePanelProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
} & {
    Header: {
        ({ title, icon, actions, description, titleId, ...props }: SidePanelHeaderProps): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
    Section: {
        ({ className, ...props }: SidePanelSectionProps): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
};
export {};
//# sourceMappingURL=side-panel.d.ts.map