import * as React from 'react';
import { DeviceType, DeviceOrientation } from '../device-frame/index.js';
export { DeviceFrameProps as CoreDeviceFrameProps, DeviceDimensions, DeviceFrameAPI, DeviceOrientation, DeviceType, deviceFrameVariants } from '../device-frame/index.js';

interface DeviceFrameProps {
    device: DeviceType;
    orientation?: DeviceOrientation;
    className?: string;
    children?: React.ReactNode;
}
declare function DeviceFrame({ device, orientation, className, children, }: DeviceFrameProps): React.DetailedReactHTMLElement<{
    role?: string | undefined;
    tabIndex?: number | undefined;
    'aria-label'?: string | undefined;
    'aria-labelledby'?: string | undefined;
    'aria-describedby'?: string | undefined;
    'aria-controls'?: string | undefined;
    'aria-expanded'?: boolean | undefined;
    'aria-selected'?: boolean | undefined;
    'aria-hidden'?: boolean | undefined;
    'aria-disabled'?: boolean | undefined;
    'aria-pressed'?: boolean | "mixed" | undefined;
    'aria-checked'?: boolean | "mixed" | undefined;
    'aria-current'?: boolean | "page" | "step" | "location" | "date" | "time" | undefined;
    'aria-live'?: "off" | "assertive" | "polite" | undefined;
    'aria-atomic'?: boolean | undefined;
    className: string;
    style: {
        width: string;
        height: string;
    };
}, HTMLElement>;
declare namespace DeviceFrame {
    var displayName: string;
}

export { DeviceFrame, type DeviceFrameProps };
