import { CSSProperties } from 'react';
export interface ModelViewerProps {
    /**
     * URL to the GLB/GLTF model file
     */
    src: string;
    /**
     * Alt text for accessibility
     * @default '3D Model'
     */
    alt?: string;
    /**
     * Enable camera controls (pan, zoom, rotate)
     * @default true
     */
    cameraControls?: boolean;
    /**
     * Enable auto rotation
     * @default true
     */
    autoRotate?: boolean;
    /**
     * Shadow intensity (0-1)
     * @default 1
     */
    shadowIntensity?: number;
    /**
     * Enable transparent background (removes default gradient)
     * @default false
     */
    transparentBackground?: boolean;
    /**
     * Poster image URL to show while loading
     */
    poster?: string;
    /**
     * CSS class name
     */
    className?: string;
    /**
     * Inline styles
     */
    style?: CSSProperties;
    /**
     * Loading strategy
     * @default 'auto'
     */
    loading?: 'auto' | 'lazy' | 'eager';
    /**
     * Reveal strategy
     * @default 'auto'
     */
    reveal?: 'auto' | 'manual';
    /**
     * Callback when model is loaded
     */
    onLoad?: () => void;
    /**
     * Callback when error occurs
     */
    onError?: (error: Error) => void;
}
/**
 * React component for displaying 3D GLB/GLTF models
 * Uses Google's model-viewer web component
 *
 * @example
 * ```tsx
 * <ModelViewer
 *   src="https://example.com/model.glb"
 *   alt="3D Model"
 *   cameraControls
 *   autoRotate
 *   style={{ width: '100%', height: '400px' }}
 * />
 * ```
 */
export declare function ModelViewer({ src, alt, cameraControls, autoRotate, shadowIntensity, transparentBackground, poster, className, style, loading, reveal, onLoad, onError, }: ModelViewerProps): import("react/jsx-runtime").JSX.Element;
export default ModelViewer;
//# sourceMappingURL=ModelViewer.d.ts.map