"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ChooseChatTitle = exports.ChooseChatMessageContainerBoxText = exports.ChooseChatMessageContainer = exports.ChooseChatMessage = exports.ChooseChatDescription = void 0;
var _native = require("styled-components/native");
var _icons = require("../../assets/icons");
var _jsxRuntime = require("react/jsx-runtime");
const ChooseChatMessageContainer = exports.ChooseChatMessageContainer = _native.styled.View`
  height: 100%;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
`;
const ChooseChatMessageContainerBoxText = exports.ChooseChatMessageContainerBoxText = _native.styled.View`
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
`;
const ChooseChatTitle = exports.ChooseChatTitle = _native.styled.Text`
  font-size: 16px;
  color: #141414;
  font-weight: 600;
`;
const ChooseChatDescription = exports.ChooseChatDescription = _native.styled.Text`
  font-size: 14px;
  color: #141414;
`;
const ChooseChatMessage = () => {
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ChooseChatMessageContainer, {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.NoSelectedChatIcon, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(ChooseChatMessageContainerBoxText, {
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ChooseChatTitle, {
        children: "Start a Conversation"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ChooseChatDescription, {
        children: "Choose a chat to start messaging."
      })]
    })]
  });
};
exports.ChooseChatMessage = ChooseChatMessage;
//# sourceMappingURL=ChooseChatMessage.js.map