/// <reference types="react" />
export declare const ModalHeader: import("styled-components").StyledComponentClass<{}, import("../../../theme/theme-interface").default, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
export declare const ModalTitle: import("styled-components").StyledComponentClass<import("../../../components/text/heading").HeadingProps, import("../../../theme/theme-interface").default, Pick<import("../../../components/text/heading").HeadingProps, "children" | "level" | "className" | "testId"> & {
    theme?: import("../../../theme/theme-interface").default | undefined;
}>;
interface ModalSubTitleProps {
    highlight?: boolean;
}
export declare const ModalSubTitle: import("styled-components").StyledComponentClass<ModalSubTitleProps, import("../../../theme/theme-interface").default, ModalSubTitleProps & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>>;
export declare const ModalContent: import("styled-components").StyledComponentClass<{}, import("../../../theme/theme-interface").default, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
export declare const OneColumnButtonGrid: import("styled-components").StyledComponentClass<{}, import("../../../theme/theme-interface").default, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
export declare const TwoColumnButtonGrid: import("styled-components").StyledComponentClass<{}, import("../../../theme/theme-interface").default, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
export declare const ThreeColumnButtonGrid: import("styled-components").StyledComponentClass<{}, import("../../../theme/theme-interface").default, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
export declare const ThreeColumnButtonGridCol1: import("styled-components").StyledComponentClass<{}, import("../../../theme/theme-interface").default, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
export declare const ThreeColumnButtonGridCol2: import("styled-components").StyledComponentClass<{}, import("../../../theme/theme-interface").default, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
export declare const DeviceGrid: import("styled-components").StyledComponentClass<{}, import("../../../theme/theme-interface").default, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
export declare const DeviceContainer: import("styled-components").StyledComponentClass<{}, import("../../../theme/theme-interface").default, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>>;
export declare const ScanGrid: import("styled-components").StyledComponentClass<{}, import("../../../theme/theme-interface").default, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
export declare const QRCodeContainer: import("styled-components").StyledComponentClass<{}, import("../../../theme/theme-interface").default, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
export declare const ViewSyncCodeGrid: import("styled-components").StyledComponentClass<{}, import("../../../theme/theme-interface").default, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
export {};