import { DefineComponent } from 'vue';
import { HTMLAttributes } from 'svelte/elements';
export interface BoxProps {
    /** Background color of the box */
    variant?: 'foreground' | 'surface' | 'transparent' | '';
    /** Contents */
    children?: any;
}
declare module 'vue' {
    interface GlobalComponents {
        'pyro-box': DefineComponent<BoxProps>;
    }
}
interface PyroBoxPreact extends Omit<JSX.HTMLAttributes, keyof BoxProps>, BoxProps {
}
declare module 'preact/jsx-runtime' {
    namespace JSX {
        interface IntrinsicElements {
            'pyro-box': PyroBoxPreact;
        }
    }
}
interface PyroBoxSvelte extends Omit<HTMLAttributes<any>, keyof BoxProps>, BoxProps {
}
declare module 'svelte/elements' {
    interface SvelteHTMLElements {
        'pyro-box': PyroBoxSvelte;
    }
}
declare module 'solid-js' {
    namespace JSX {
        interface IntrinsicElements {
            'pyro-box': PyroBoxPreact;
        }
    }
}
export {};