import React__default from 'react';
import { u as useLocalization } from '../../chunks/bundle-Aca68v_Z.js';
import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-CIcpyYvw.js';
import IconButton from '../../ui/IconButton.js';
import Icon, { IconTypes } from '../../ui/Icon.js';
import '../../chunks/bundle-XCQLW6rR.js';
import '../../chunks/bundle-eddZycld.js';
import '../../withSendbird.js';
import '../../chunks/bundle-CMZSpHeh.js';
import '../../chunks/bundle-DRN8Ufbc.js';

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

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