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 ConfigurationPageCameraDropdown = (props) => {
/* @conditional-compile-remove(call-readiness) */
const theme = useTheme();
/* @conditional-compile-remove(call-readiness) */
const devicePermissionDropdownStringsCamera = {
placeHolderText: 'Enable Camera (optional)',
actionButtonContent: 'Allow'
};
/* @conditional-compile-remove(call-readiness) */
const cameraBlockedDropdown = (React.createElement(_DevicePermissionDropdown, Object.assign({}, props.dropdownProps, { styles: dropDownStyles(theme), constrain: { video: true, audio: false }, strings: devicePermissionDropdownStringsCamera, icon: React.createElement(CallCompositeIcon, { iconName: "ControlButtonCameraOn", style: { height: '1.25rem', marginRight: '0.625rem' } }), onClick: props.onClickEnableDevicePermission, ariaLabelledby: props.ariaLabelledby })));
/* @conditional-compile-remove(call-readiness) */
return props.cameraPermissionGranted ? props.cameraGrantedDropdown : cameraBlockedDropdown;
return props.cameraGrantedDropdown;
};
//# sourceMappingURL=ConfigurationPageCameraDropdown.js.map