import React from 'react';
import { ComponentStory, ComponentMeta } from '@storybook/react';
import { MicrophonePermissionButton } from './MicrophonePermissionButton';
import { action } from '@storybook/addon-actions';

export default {
  title: 'Components/MicrophonePermissionButton',
  component: MicrophonePermissionButton,
} as ComponentMeta<typeof MicrophonePermissionButton>;

const Template: ComponentStory<typeof MicrophonePermissionButton> = (args) => (
  <MicrophonePermissionButton {...args} />
);

export const Default = Template.bind({});
Default.args = {
  buttonText: 'Request Microphone Permission',
  onGranted: action('Permission granted'),
  onDenied: action('Permission denied'),
};