communication-react-19
Version:
React library for building modern communication user experiences utilizing Azure Communication Services (React 19 compatible fork)
28 lines • 1.67 kB
JavaScript
// Copyright (c) Microsoft Corporation.
// Licensed under the MIT License.
/* @conditional-compile-remove(call-readiness) */
import React from 'react';
/* @conditional-compile-remove(call-readiness) */
import { useTheme, _DevicePermissionDropdown } from "../../../../../react-components/src";
/* @conditional-compile-remove(call-readiness) */
import { dropDownStyles } from '../styles/LocalDeviceSettings.styles';
/* @conditional-compile-remove(call-readiness) */
import { CallCompositeIcon } from '../../common/icons';
/**
* @private
*/
export const ConfigurationPageMicDropdown = (props) => {
/* @conditional-compile-remove(call-readiness) */
const theme = useTheme();
/* @conditional-compile-remove(call-readiness) */
const devicePermissionDropdownStringsMicrophone = {
placeHolderText: 'Enable Microphone (required)',
actionButtonContent: 'Allow'
};
/* @conditional-compile-remove(call-readiness) */
const microphoneBlockedDropdown = (React.createElement(_DevicePermissionDropdown, Object.assign({}, props.dropdownProps, { styles: dropDownStyles(theme), constrain: { video: false, audio: true }, strings: devicePermissionDropdownStringsMicrophone, icon: React.createElement(CallCompositeIcon, { iconName: "ControlButtonMicOn", style: { height: '1.25rem', marginRight: '0.625rem' } }), onClick: props.onClickEnableDevicePermission, ariaLabelledby: props.ariaLabelledby })));
/* @conditional-compile-remove(call-readiness) */
return props.micPermissionGranted ? props.micGrantedDropdown : microphoneBlockedDropdown;
return props.micGrantedDropdown;
};
//# sourceMappingURL=ConfigurationPageMicDropdown.js.map