import React, { CSSProperties, HTMLAttributes, memo } from 'react';
import { useAudio } from '../audioContext';
import SpeakerIcon from '../icons/SpeakerIcon';
import SpeakerOffIcon from '../icons/SpeakerOffIcon';
interface ButtonProps extends Partial> {
bgColor: string;
}
export default memo(function VolumeButton({ color, bgColor, style, ...props }: ButtonProps) {
const { volume, setVolume } = useAudio();
return (
);
})