@azure/communication-react/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/ChatButton/ChatButton.js

React library for building modern communication user experiences utilizing Azure Communication Services

// Copyright (c) Microsoft Corporation.
// Licensed under the MIT License.
import React, { useMemo } from 'react';
import { ControlBarButton, useTheme } from "../../../../../react-components/src";
import { concatStyleSets } from '@fluentui/react';
/**
 * @private
 */
export const ChatButton = (props) => {
    const strings = Object.assign({ label: props.label }, props.strings);
    const theme = useTheme();
    const styles = useMemo(() => {
        var _a;
        return concatStyleSets({
            rootChecked: {
                background: theme.palette.neutralLight
            }
        }, (_a = props.styles) !== null && _a !== void 0 ? _a : {});
    }, [props.styles, theme.palette.neutralLight]);
    return React.createElement(ControlBarButton, Object.assign({}, props, { labelKey: 'chatButtonLabelKey', strings: strings, onClick: props.onClick, styles: styles }));
};
//# sourceMappingURL=ChatButton.js.map