import { default as React } from 'react';
import { DrawerProps, DrawerFooterProps } from '../../shared/types/drawer';
interface DrawerComponent extends React.FC<DrawerProps> {
    Footer: React.FC<DrawerFooterProps>;
}
/**
 * Drawer - Componente de drawer/cajón lateral deslizable
 *
 * Por defecto (`surface="default"`), panel y {@link Card} usan **`ui-bg-surface-secondary-default`**
 * (token `--color-bg-surface-secondary-default`). Con **`surface="brand"`** usan
 * **`ui-bg-fill-brand-default`**, sin borde bajo el header ni separador antes del footer; la
 * {@link Card} interna usa **`bordered={false}`** para no mostrar borde de tarjeta.
 *
 * Componente de drawer que se desliza desde los lados de la pantalla.
 * Soporta múltiples posiciones, tamaños, tabs, botones de acción y footer personalizado.
 *
 * @example
 * ```tsx
 * // Drawer simple
 * <Drawer
 *   isOpen={isOpen}
 *   onClose={() => setIsOpen(false)}
 *   title="Configuración"
 * >
 *   <div>Contenido del drawer</div>
 * </Drawer>
 *
 * // Drawer con footer personalizado
 * <Drawer
 *   isOpen={isOpen}
 *   onClose={() => setIsOpen(false)}
 *   title="Editar"
 * >
 *   <div>Contenido</div>
 *   <Drawer.Footer>
 *     <Button onClick={() => setIsOpen(false)}>Cancelar</Button>
 *     <Button onClick={handleSave}>Guardar</Button>
 *   </Drawer.Footer>
 * </Drawer>
 * ```
 *
 * @see {@link DrawerProps} para la lista completa de props
 */
export declare const Drawer: DrawerComponent;
export {};
//# sourceMappingURL=index.d.ts.map