import { MaterialSide, Shader, Vec2Props } from '../components';
import { EntityProps } from '../core';
declare type FormatProps = {
    textureFormat?: 'image';
    videoLoop?: never;
} | {
    textureFormat?: 'video';
    videoLoop?: boolean;
};
interface Props {
    color?: string;
    metalness?: number;
    opacity?: number;
    phiLength?: number;
    phiStart?: number;
    radius?: number;
    repeat?: Vec2Props;
    roughness?: number;
    segmentsHeight?: number;
    segmentsWidth?: number;
    shader?: Shader;
    side?: MaterialSide;
    src?: string;
    thetaLength?: number;
    thetaStart?: number;
    transparent?: boolean;
    onClick?: () => void;
    rotation?: {
        x?: number;
        y?: number;
        z?: number;
    };
}
/**
 * The sky primitive adds a background color or 360° image to a scene.
 * A sky is a large sphere with a color or texture mapped to the inside.
 *
 * @see https://aframe.io/docs/1.3.0/primitives/a-sky.html
 *
 * @example
 * An equirectangular image as a background:
 *
 * ```tsx
 * <Scene>
 *   <Assets>
 *     <img id="sky" src="sky.png" />
 *   </Assets>
 *   <Sky src="#sky" />
 * </Scene>
 * ```
 *
 * A plain color as a background:
 *
 * ```tsx
 * <Sky color="#6EBAA7" />
 * ```
 */
export declare const Sky: (props: Props & FormatProps & EntityProps) => JSX.Element;
export {};
