/**
 * Myop Loader - Shared loader/fallback UI for host frameworks
 * Framework-agnostic implementation using pure DOM
 */
export declare const LOADER_GRADIENT = "linear-gradient(135deg, #FF8651 0%, #FFBEA8 50%, #A397F5 100%)";
export declare const FALLBACK_GRADIENT = "linear-gradient(135deg, #9CA3AF 0%, #D1D5DB 50%, #E5E7EB 100%)";
/**
 * Creates the Myop logo SVG element
 */
export declare function createMyopLogoSvg(): SVGSVGElement;
/**
 * Returns the inline HTML string for the Myop logo SVG
 */
export declare function getMyopLogoHtml(): string;
/**
 * Returns the inline styles for the loader container
 */
export declare function getLoaderStyles(fadeDuration?: number): string;
/**
 * Returns the inline styles for the fallback container
 */
export declare function getFallbackStyles(): string;
/**
 * Creates a loader DOM element with the Myop branding
 */
export declare function createLoaderElement(fadeDuration?: number): HTMLDivElement;
/**
 * Creates a fallback DOM element with the Myop branding
 */
export declare function createFallbackElement(): HTMLDivElement;
/**
 * Returns the complete loader HTML as a string (for use in templates)
 */
export declare function getLoaderHtml(fadeDuration?: number): string;
/**
 * Returns the complete fallback HTML as a string (for use in templates)
 */
export declare function getFallbackHtml(): string;
/**
 * Interface for loader options used by host frameworks
 */
export interface MyopLoaderOptions {
    /** Fade duration in milliseconds (default: 200) */
    fadeDuration?: number;
    /** Initial opacity (default: 1) */
    opacity?: number;
}
/**
 * CSS-in-JS style objects for frameworks that support them
 */
export declare const loaderStyleObject: {
    position: "absolute";
    top: number;
    left: number;
    right: number;
    bottom: number;
    zIndex: number;
    background: string;
    display: string;
    justifyContent: string;
    alignItems: string;
};
export declare const fallbackStyleObject: {
    position: "absolute";
    top: number;
    left: number;
    right: number;
    bottom: number;
    background: string;
    display: string;
    justifyContent: string;
    alignItems: string;
};
export declare const containerStyleObject: {
    position: "absolute";
    top: number;
    left: number;
    right: number;
    bottom: number;
    zIndex: number;
    display: string;
    justifyContent: string;
    alignItems: string;
};