react-mic-cam-permissions/dist/components/CameraPermissionButton.stories.js

Managing camera and microphone permissions with React

// src/components/CameraPermissionButton.stories.tsx
import React from 'react';
import { CameraPermissionButton } from './CameraPermissionButton';
import { action } from '@storybook/addon-actions';
import { useCameraPermission } from '../hooks/useCameraPermission';
import { PermissionStatus } from './PermissionStatus';
export default {
    title: 'Components/CameraPermissionButton',
    component: CameraPermissionButton,
};
const Template = (args) => {
    const { permissionState } = useCameraPermission();
    return (React.createElement(React.Fragment, null,
        React.createElement(CameraPermissionButton, Object.assign({}, args)),
        React.createElement(PermissionStatus, { permissionType: "camera", state: permissionState })));
};
export const Default = Template.bind({});
Default.args = {
    buttonText: 'Request Camera Permission',
    className: 'camera-button',
    onGranted: action('Permission granted'),
    onDenied: action('Permission denied'),
};