@sendbird/uikit-react/ChannelSettings/components/ChannelSettingsHeader.js

Sendbird UIKit for React: A feature-rich and customizable chat UI kit with messaging, channel management, and user authentication.

import React__default from 'react';
import { u as useLocalization } from '../../chunks/bundle-Cdqsdoa8.js';
import { IconColors, IconTypes } from '../../ui/Icon.js';
import Header from '../../ui/Header.js';
import { u as useSendbird } from '../../chunks/bundle-4clodtJA.js';
import '../../chunks/bundle-Bpofr334.js';
import '../../chunks/bundle-oM0Fxt9G.js';
import '../../chunks/bundle-DmnXeBdU.js';
import '../../chunks/bundle-DX6fRIJl.js';
import '../../chunks/bundle-Cdplrrlw.js';
import '../../chunks/bundle-C2ARCMSL.js';
import '../../ui/TextButton.js';
import '../../chunks/bundle-C1npFBfj.js';
import '../../ui/IconButton.js';
import '../../chunks/bundle-B56O1y8C.js';
import '../../chunks/bundle-JhKiWlXT.js';
import '@sendbird/chat';
import '@sendbird/chat/groupChannel';
import '@sendbird/chat/openChannel';

var ChannelSettingsHeader = function (_a) {
    var onCloseClick = _a.onCloseClick, 
    // Header custom props
    renderLeft = _a.renderLeft, renderMiddle = _a.renderMiddle, renderRight = _a.renderRight;
    var stringSet = useLocalization().stringSet;
    var state = useSendbird().state;
    var config = state.config;
    var logger = config.logger, theme = config.theme;
    var iconColor = theme === 'dark' ? IconColors.CONTENT_INVERSE : IconColors.PRIMARY;
    return (React__default.createElement(Header, { className: "sendbird-channel-settings__header", renderLeft: renderLeft, renderMiddle: renderMiddle !== null && renderMiddle !== void 0 ? renderMiddle : (function () { return (React__default.createElement(Header.Title, { title: stringSet.CHANNEL_SETTING__HEADER__TITLE })); }), renderRight: renderRight !== null && renderRight !== void 0 ? renderRight : (function () { return (React__default.createElement("div", { className: "sendbird-channel-settings__header-icon" },
            React__default.createElement(Header.IconButton, { type: IconTypes.CLOSE, color: iconColor, onClick: function (e) {
                    logger.info('ChannelSettings: Click close');
                    onCloseClick(e);
                } }))); }) }));
};

export { ChannelSettingsHeader, ChannelSettingsHeader as default };
//# sourceMappingURL=ChannelSettingsHeader.js.map