import { type LumenCustomElementRegistry, LumenElement } from '../element-base.js';
export declare const lumenDeviceFrameElementConfig: {
    readonly baseClassName: "ui-device-frame";
    readonly defaults: {
        readonly 'data-device': "laptop";
        readonly 'data-tone': "dark";
    };
    readonly observedAttributes: readonly ["device", "orientation", "tone", "color", "screen-width", "screen-height", "scroll"];
    readonly tagName: "lumen-device-frame";
};
export declare class LumenDeviceFrameElement extends LumenElement {
    static config: {
        readonly baseClassName: "ui-device-frame";
        readonly defaults: {
            readonly 'data-device': "laptop";
            readonly 'data-tone': "dark";
        };
        readonly observedAttributes: readonly ["device", "orientation", "tone", "color", "screen-width", "screen-height", "scroll"];
        readonly tagName: "lumen-device-frame";
    };
    private screen;
    private cleanup;
    private colorOverride;
    connectedCallback(): void;
    attributeChangedCallback(): void;
    disconnectedCallback(): void;
    private update;
    private updateColor;
}
export declare const defineLumenDeviceFrame: (registry?: LumenCustomElementRegistry) => void;
//# sourceMappingURL=device-frame.d.ts.map