import { default as React } from 'react';
import { PopupRef, PopupProps } from '../../../../shared/types/popup';
/**
 * Popup - Componente de popup/dropdown posicionable y configurable
 *
 * Componente de popup que se posiciona relativamente a un trigger, con soporte para múltiples
 * posiciones, cierre automático, tooltips, iconos y slots personalizados.
 *
 * @example
 * ```tsx
 * // Popup simple
 * const popupRef = useRef<PopupRef>(null);
 *
 * <Popup
 *   ref={popupRef}
 *   label="Abrir popup"
 *   position="bottom-right"
 * >
 *   <div>Contenido del popup</div>
 * </Popup>
 *
 * // Popup con control programático
 * <Popup
 *   ref={popupRef}
 *   label="Menú"
 *   position="top-left"
 * >
 *   <button onClick={() => popupRef.current?.close()}>Cerrar</button>
 * </Popup>
 *
 * // Abrir al pasar el ratón (`true` = 200 ms; o `openOnHover={400}` en ms)
 * <Popup label="Info" position="bottom-center" openOnHover>
 *   <p>Contenido</p>
 * </Popup>
 *
 * // Hover con panel anclado al puntero dentro del trigger (fluido, un frame por movimiento)
 * <Popup label="⋮" position="bottom-left" openOnHover hoverAnchorFollowPointer>
 *   <p>Menú</p>
 * </Popup>
 *
 * // Panel sin borde (fondo y sombra del DS se mantienen)
 * <Popup label="Opciones" showPanelBorder={false}>
 *   <p>Contenido</p>
 * </Popup>
 *
 * // Ancla fuera del Popup (`triggerRef` → sin botón interno; clic/hover en ese nodo)
 * const btnRef = useRef<HTMLButtonElement>(null);
 * <>
 *   <button ref={btnRef} type="button">Abrir</button>
 *   <Popup triggerRef={btnRef} position="bottom-center" popoverArrow={false}>
 *     <p>Contenido</p>
 *   </Popup>
 * </>
 *
 * // Popover estructurado (Figma); la flecha va por defecto (`popoverArrow="auto"`)
 * <Popup
 *   label="Abrir"
 *   position="bottom-center"
 *   popoverStructured
 *   popoverTitle="Título"
 *   popoverDescription="Descripción breve"
 *   popoverShowFooter
 *   popoverFooterSecondaryButton={{ id: 'c', label: 'Cancelar', color: 'secondary', theme: 'solid', size: 'xs', pill: 'sm' }}
 *   popoverFooterPrimaryButton={{ id: 'o', label: 'Aceptar', color: 'primary', theme: 'solid', size: 'xs', pill: 'sm' }}
 *   popoverFooterSlotLayout="spread"
 * >
 *   <p>Contenido</p>
 * </Popup>
 * ```
 *
 * @see {@link PopupProps} para la lista completa de props
 * @see {@link PopupRef} para métodos de control programático
 */
export declare const Popup: React.ForwardRefExoticComponent<PopupProps & React.RefAttributes<PopupRef>>;
//# sourceMappingURL=Popup.d.ts.map