1  import React from 'react';
 2  import { MicrophoneIcon } from '@heroicons/react/24/solid';
 3  import { Button } from './Button';
 4  
 5  interface MicrophonePermissionButtonProps {
 6    onRequestPermission: () => void;
 7  }
 8  
 9  const MicrophonePermissionButton: React.FC<MicrophonePermissionButtonProps> = ({ onRequestPermission }) => {
10    return (
11      <Button
12        label="Allow Microphone Access"
13        icon={<MicrophoneIcon className="w-5 h-5" />}
14        onClick={onRequestPermission}
15        variant="secondary"
16        fullWidth
17      />
18    );
19  };
20  
21  export default MicrophonePermissionButton;