import * as React from 'react';
import { WithStyles } from '../../core/withStyles';
import { Theme } from '../../theme';
export declare const AddDeviceMinHeight = 400;
declare const styles: (theme: Theme) => Record<"screen" | "root" | "form" | "cta" | "subHeading" | "heading" | "audioOnly" | "audioOnlyLabel", import("@material-ui/core/styles/withStyles").CSSProperties>;
export interface AddDeviceProps {
    headingText: string;
    onRegister: (props: {
        activationCode: string;
        name: string;
        isAudioOnly: boolean;
    }) => void;
    loading?: boolean;
    error?: string;
    hideAudioOnly?: boolean;
}
interface AddDevicePropsWithStyles extends AddDeviceProps, WithStyles<typeof styles> {
    testId?: string;
}
interface AddDeviceState {
    activationCode: string;
    name: string;
    isAudioOnly: boolean;
}
export declare class AddDevice extends React.Component<AddDevicePropsWithStyles, AddDeviceState> {
    state: {
        activationCode: string;
        name: string;
        isAudioOnly: boolean;
    };
    handleSubmitRegisterDeviceForm: () => void;
    renderAudioOnly(): JSX.Element;
    render(): JSX.Element;
}
declare const _default: React.ComponentType<Pick<AddDevicePropsWithStyles, "testId" | "error" | "headingText" | "onRegister" | "loading" | "hideAudioOnly"> & import("@material-ui/core/styles/withStyles").StyledComponentProps<string>>;
export default _default;