"use strict";

import { styled } from 'styled-components/native';
import { NoSelectedChatIcon } from '../../assets/icons';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export const ChooseChatMessageContainer = styled.View`
  height: 100%;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
`;
export const ChooseChatMessageContainerBoxText = styled.View`
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
`;
export const ChooseChatTitle = styled.Text`
  font-size: 16px;
  color: #141414;
  font-weight: 600;
`;
export const ChooseChatDescription = styled.Text`
  font-size: 14px;
  color: #141414;
`;
export const ChooseChatMessage = () => {
  return /*#__PURE__*/_jsxs(ChooseChatMessageContainer, {
    children: [/*#__PURE__*/_jsx(NoSelectedChatIcon, {}), /*#__PURE__*/_jsxs(ChooseChatMessageContainerBoxText, {
      children: [/*#__PURE__*/_jsx(ChooseChatTitle, {
        children: "Start a Conversation"
      }), /*#__PURE__*/_jsx(ChooseChatDescription, {
        children: "Choose a chat to start messaging."
      })]
    })]
  });
};
//# sourceMappingURL=ChooseChatMessage.js.map