import React from 'react';
export declare const SphereButtonStyles = "\n.SphereButton {\n    box-sizing: border-box;\n    background-size: contain;\n    background-repeat: no-repeat;\n    transition: transform 0.2s;\n    background-position: center;\n    height: 56px;\n    width: 56px;\n    cursor: pointer;\n}\n\n.SphereButton:hover {\n    transform: scale(1.1);\n}\n\n.SphereButton.active {\n    animation: rotation 2s linear infinite;\n}\n";
export declare const SphereButtonMDStyles = "\n    height: 50px;\n    width: 50px;\n";
export declare const SphereButtonSMStyles = "\n    height: 32px;\n    width: 32px;\n";
export declare const SphereButton: React.FC<{
    onClick: () => void;
    recording: boolean;
}>;
//# sourceMappingURL=SphereButton.d.ts.map