"use strict";

import { Text, View } from 'react-native';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
const NoMessagesPlaceholder = () => {
  return /*#__PURE__*/_jsx(View, {
    style: {
      display: 'flex',
      justifyContent: 'center',
      alignItems: 'center'
    },
    children: /*#__PURE__*/_jsx(View, {
      style: {
        display: 'flex',
        flexDirection: 'column',
        gap: 16
      },
      children: /*#__PURE__*/_jsxs(View, {
        style: {
          flexDirection: 'column',
          gap: 8,
          padding: 16,
          justifyContent: 'center'
        },
        children: [/*#__PURE__*/_jsx(Text, {
          style: {
            color: '#a3a3a3',
            textAlign: 'center',
            fontSize: 16,
            fontWeight: '600'
          },
          children: "This chat is empty"
        }), /*#__PURE__*/_jsx(Text, {
          style: {
            color: '#a3a3a3',
            textAlign: 'center',
            fontSize: 14,
            fontWeight: '400'
          },
          children: "Be the first one to start it."
        })]
      })
    })
  });
};
export default NoMessagesPlaceholder;
//# sourceMappingURL=NoMessagesPlaceholder.js.map