import { LitElement } from 'lit';
import { SystemRequirements } from './system-status.js';
/**
 * Componente completo para verificar requisitos del sistema y mostrar modal
 *
 * @element system-checker
 *
 * @prop {SystemRequirements} requirements - Requisitos del sistema a validar
 * @prop {boolean} autoCheck - Si debe verificar automáticamente al cargar
 * @prop {boolean} showOnFail - Si debe mostrar el modal automáticamente en caso de fallo
 * @prop {boolean} open - Si el modal debe estar abierto
 *
 * @fires check-complete - Se dispara cuando completa la verificación
 * @fires modal-open - Se dispara cuando se abre el modal
 * @fires modal-close - Se dispara cuando se cierra el modal
 *
 * @example
 * ```html
 * <system-checker
 *   .requirements=${{ features: { webGL: true } }}
 *   autoCheck
 *   showOnFail
 * ></system-checker>
 * ```
 */
export declare class SystemChecker extends LitElement {
    static styles: import("lit").CSSResult;
    requirements: SystemRequirements;
    autoCheck: boolean;
    showOnFail: boolean;
    open: boolean;
    private passed;
    private failures;
    private capabilities;
    private systemCapabilities;
    connectedCallback(): void;
    checkSystem(): Promise<void>;
    openModal(): void;
    closeModal(): void;
    private handleOverlayClick;
    private handleKeyDown;
    private groupFailuresByCategory;
    private getCategoryLabel;
    private formatValue;
    private renderSummary;
    private renderFailures;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'system-checker': SystemChecker;
    }
}
//# sourceMappingURL=system-checker.d.ts.map