import React, { ComponentType, ElementType } from 'react';
import { BoxProps, IconButtonProps, SvgIconProps } from '@mui/material';
import { SpinnerProps } from '@/src/components/progress/Spinner';
export interface PlayPauseButtonProps extends BoxProps<ElementType> {
    /**
     * Boolean to indicate if the media is currently playing
     */
    isPlaying: boolean;
    /**
     * Callback function to handle play/pause button click events.
     */
    onClick: BoxProps<ElementType>['onClick'];
    /**
     * The progress value for the CircularProgress component.
     * Should be a number between 0 and 100.
     */
    progress?: number;
    /**
     * Properties applied to Spinner progress
     */
    progressProps?: Omit<SpinnerProps, 'value'>;
    /**
     * Properties applied to IconButton
     */
    iconButtonProps?: Partial<IconButtonProps>;
    /**
     * Properties applied to Pause Icon component
     */
    pauseIconProps?: SvgIconProps;
    /**
     * Custom component to be used for PauseIcon
     */
    PauseIconComponent?: ComponentType<SvgIconProps>;
    /**
     * Properties applied to Play Icon component
     */
    playIconProps?: SvgIconProps;
    /**
     * Custom component to be used for PlayIcon
     */
    PlayIconComponent?: ComponentType<SvgIconProps>;
}
/**
 * A component that displays a circular progress indicator with a play/pause button.
 */
export declare const PlayPauseButton: React.FC<PlayPauseButtonProps>;