import React from 'react';
import { type BoxBaseProps, type BoxProps } from '../layout';
export declare const sidebarDefaultElement = 'nav';
export type SidebarDefaultElement = typeof sidebarDefaultElement;
export type SidebarBaseProps = BoxBaseProps & {
  /**
   * The logo to display
   * @default undefined
   */
  logo?: React.ReactElement | ((isCollapsed: boolean) => React.ReactNode);
  /**
   * Children are expected to be an array of SidebarItems
   * @default undefined
   */
  children: React.ReactNode[];
  /**
   * Use collapsed to show only the logo
   * @default false
   */
  collapsed?: boolean;
  /**
   * When set, the sidebar will auto collapse at or below the tablet breakpoint (currently 768px)
   * @default false
   */
  autoCollapse?: boolean;
  /**
   * This node will be fixed to the bottom of the sidebar
   * This is a render prop, and will provide the collapsed state
   * @default undefined
   */
  renderEnd?: (isCollapsed: boolean) => React.ReactNode;
  variant?: 'default' | 'condensed';
  /** Custom class names for individual elements of the Sidebar component */
  classNames?: {
    /** Root sidebar container element */
    root?: string;
    /** Logo container element */
    logo?: string;
    /** Content container element (children list) */
    content?: string;
    /** End container element (renderEnd) */
    end?: string;
  };
  /** Custom styles for individual elements of the Sidebar component */
  styles?: {
    /** Root sidebar container element */
    root?: React.CSSProperties;
    /** Logo container element */
    logo?: React.CSSProperties;
    /** Content container element (children list) */
    content?: React.CSSProperties;
    /** End container element (renderEnd) */
    end?: React.CSSProperties;
  };
};
export type SidebarProps = SidebarBaseProps & Omit<BoxProps<SidebarDefaultElement>, 'children'>;
export declare const Sidebar: React.FC<SidebarProps>;
//# sourceMappingURL=Sidebar.d.ts.map