import { FcrIcon } from '../icon';
import { FcrIconType } from '../icon/type';

// TODO: 用 sideBar 代替 chat-top-bar
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export var ChatTopBarMock = function ChatTopBarMock() {
  return /*#__PURE__*/_jsxs("div", {
    style: {
      display: 'flex',
      flexDirection: 'row',
      alignItems: 'center',
      justifyContent: 'space-between',
      padding: '9px 9px 9px 12px'
    },
    children: [/*#__PURE__*/_jsx("div", {
      style: {
        display: 'flex',
        lineHeight: '14px',
        fontSize: '14px',
        fontWeight: 700,
        fontFamily: 'Verdana',
        color: 'var(--fcr_ui_scene_icontext1)'
      },
      children: "Chat"
    }), /*#__PURE__*/_jsxs("div", {
      style: {
        display: 'flex',
        flexDirection: 'row',
        alignItems: 'center',
        justifyContent: 'center'
      },
      children: [/*#__PURE__*/_jsx(FcrIcon, {
        size: 22,
        type: FcrIconType.FCR_MOBILE_MORE,
        colors: {
          iconPrimary: 'gray'
        }
      }), /*#__PURE__*/_jsx(FcrIcon, {
        size: 22,
        type: FcrIconType.FCR_WINDOWPAGE_BIGGER,
        colors: {
          iconPrimary: 'gray'
        }
      }), /*#__PURE__*/_jsx(FcrIcon, {
        size: 22,
        type: FcrIconType.FCR_CLOSE,
        colors: {
          iconPrimary: 'gray'
        }
      })]
    })]
  });
};