Function useAudioMain

Returns {
    containerRef: RefObject<null | HTMLDivElement>;
    isPlaying: undefined | boolean;
    isReady: boolean;
    styles: {
        container: {
            background: string;
            borderRadius: string;
            height: string;
            padding: string;
            position: string;
        };
        iconStyle: {
            bottom: number;
            height: { md: number; xs: number };
            left: string;
            position: string;
            transform: string;
            width: { md: number; xs: number };
        };
        progressStyle: {
            left: string;
            position: string;
            top: string;
            transform: string;
        };
        visualizerContainer: {
            height: string;
            left: string;
            position: string;
            top: string;
            transform: string;
            width: string;
        };
    };
    togglePlay: () => void;
}

• containerRef: RefObject<null | HTMLDivElement>

• isPlaying: undefined | boolean

• isReady: boolean

• styles: {
      container: {
          background: string;
          borderRadius: string;
          height: string;
          padding: string;
          position: string;
      };
      iconStyle: {
          bottom: number;
          height: { md: number; xs: number };
          left: string;
          position: string;
          transform: string;
          width: { md: number; xs: number };
      };
      progressStyle: {
          left: string;
          position: string;
          top: string;
          transform: string;
      };
      visualizerContainer: {
          height: string;
          left: string;
          position: string;
          top: string;
          transform: string;
          width: string;
      };
  }

• togglePlay: () => void