import { WaveformStyleProps } from './types';
import { PlatformBlocksTheme } from '../../core/theme/types';
export declare const useWaveformStyles: (props: WaveformStyleProps & {
    theme: PlatformBlocksTheme;
}) => {
    bar: {
        borderRadius?: number | undefined;
        backgroundColor: string;
    };
    barContainer: {
        alignItems: "center";
        height: "100%";
        justifyContent: "center";
    };
    container: {
        cursor?: any;
        backgroundColor: string;
        height: number;
        overflow: "hidden";
        position: "relative";
        width: number;
    };
    gradientOverlay: {
        bottom: number;
        left: number;
        pointerEvents: "none";
        position: "absolute";
        right: number;
        top: number;
    };
    lineWaveform: {
        bottom: number;
        left: number;
        position: "absolute";
        right: number;
        top: number;
    };
    progressBar: {
        backgroundColor: string;
    };
    reflection: {
        opacity: number;
        transform: {
            scaleY: number;
        }[];
    };
    waveformContainer: {
        alignItems: "center";
        flex: number;
        flexDirection: "row";
        justifyContent: "center";
    };
};