import { default as React } from 'react';
import { SidebarProps } from '../../types';
/**
 * ============================================
 * SIDEBAR - ORGANISM
 * ============================================
 * Componente principal del sidebar que integra todos los
 * subcomponentes: logo, workspace card, menu groups y user profile.
 *
 * Sigue principios de Atomic Design y Screaming Architecture.
 *
 * @example
 * ```tsx
 * <Sidebar
 *   logo="/logo.png"
 *   workspace={{
 *     title: "Mesa de trabajo",
 *     projectId: "AR-0289-PRUEBA",
 *     clientName: "ARON ALVAREZ",
 *     status: { label: "Ganada", color: "success" }
 *   }}
 *   menuGroups={[
 *     {
 *       title: "CAMPAÑAS",
 *       items: [
 *         { id: "map", label: "Mapa", icon: faEarthAmericas },
 *         { id: "list", label: "Lista de campañas", icon: faList }
 *       ]
 *     }
 *   ]}
 *   userProfile={{
 *     name: "Maria Ayala",
 *     role: "Administrador",
 *     avatarProps: { type: "people", src: "/avatar.jpg" }
 *   }}
 * />
 * ```
 */
export declare const Sidebar: React.FC<SidebarProps>;
//# sourceMappingURL=Sidebar.d.ts.map