'use strict';

var React = require('react');
var LocalizationContext = require('../../chunks/bundle-BLV9zZk1.js');
var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
var ui_Label = require('../../chunks/bundle-DCPc6-Im.js');
var ui_IconButton = require('../../ui/IconButton.js');
var ui_Icon = require('../../ui/Icon.js');
require('../../chunks/bundle-Ck_8lQa-.js');
require('../../chunks/bundle-V-_XUHW5.js');
require('../../withSendbird.js');
require('../../chunks/bundle-5ru_FO5x.js');
require('../../chunks/bundle-Cd8aIDXf.js');

var ChannelSettingsHeader = function (_a) {
    var onCloseClick = _a.onCloseClick;
    var stringSet = LocalizationContext.useLocalization().stringSet;
    var config = useSendbirdStateContext.useSendbirdStateContext().config;
    var logger = config.logger;
    return (React.createElement("div", { className: "sendbird-channel-settings__header" },
        React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.H_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__HEADER__TITLE),
        React.createElement("div", { className: "sendbird-channel-settings__header-icon" },
            React.createElement(ui_IconButton, { width: "32px", height: "32px", onClick: function (e) {
                    logger.info('ChannelSettings: Click close');
                    onCloseClick(e);
                } },
                React.createElement(ui_Icon.default, { className: "sendbird-channel-settings__close-icon", type: ui_Icon.IconTypes.CLOSE, height: "22px", width: "22px" })))));
};

exports.ChannelSettingsHeader = ChannelSettingsHeader;
//# sourceMappingURL=ChannelSettingsHeader.js.map
