/// <reference types="webxr" />
import { SvelteComponent } from "svelte";
declare const __propDef: {
    props: {
        [x: string]: any;
        mode: XRSessionMode;
        sessionInit: (XRSessionInit & {
            domOverlay?: {
                root: HTMLElement;
            } | undefined;
        }) | undefined;
        force?: 'enter' | 'exit' | undefined;
        styled?: boolean;
    };
    events: {
        /** Fires when a user clicks the VR button. */
        click: {
            state: 'unsupported' | 'insecure' | 'blocked' | 'supported';
        };
        /** Fires when an enter / exit session error occurs. */
        error: Error;
    };
    slots: {};
};
export type ButtonXrProps = typeof __propDef.props;
export type ButtonXrEvents = typeof __propDef.events;
export type ButtonXrSlots = typeof __propDef.slots;
/**
 * `<XRButton />` is an HTML `<button />` that can be used to init and
 * display info about your WebXR session. This is aliased by `ARButton` and
 * `VRButton` with sensible session defaults.
 *
 * ```svelte
 * <XRButton
 *   mode={'immersive-ar' | 'immersive-vr' | 'inline'}
 *   sessionInit={{
 *     optionalFeatures: ['local-floor', 'bounded-floor', 'hand-tracking', 'layers']
 *   }}
 *   force={'enter' | 'exit' | undefined}
 *   styled={'true' | 'false'}
 *   on:error={(event) => {}}
 *   on:click={(event) => {}}
 * />
 * ```
 */
export default class ButtonXr extends SvelteComponent<ButtonXrProps, ButtonXrEvents, ButtonXrSlots> {
}
export {};