// src/components/PermissionStatus.stories.tsx

import React from 'react';
import { ComponentStory, ComponentMeta } from '@storybook/react';
import { PermissionStatus } from './PermissionStatus';

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

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

export const CameraPermission = Template.bind({});
CameraPermission.args = {
  permissionType: 'camera',
  state: 'prompt',
  className: 'camera-status',
};

export const MicrophonePermission = Template.bind({});
MicrophonePermission.args = {
  permissionType: 'microphone',
  state: 'prompt',
  className: 'microphone-status',
};