"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.EditWrapper = exports.EditTitle = exports.EditText = exports.EditInfoBox = exports.EditContainer = void 0;
var _react = _interopRequireDefault(require("react"));
var _icons = require("../../assets/icons");
var _native = require("styled-components/native");
var _reactNative = require("react-native");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const EditContainer = exports.EditContainer = _native.styled.View`
  background-color: #0052cd0d;
  padding: 12px 24px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
`;
const EditInfoBox = exports.EditInfoBox = _native.styled.View`
  flex-direction: row;
  align-items: center;
`;
const EditTitle = exports.EditTitle = _native.styled.Text`
  margin: 0px;
  color: rgb(140, 140, 140);
  text-align: start;
  font-size: 12px;
  padding-bottom: 4px;
`;
const EditText = exports.EditText = _native.styled.Text`
  margin: 0px;
  font-size: 16px;
  text-align: start;
`;
const EditWrapper = ({
  text,
  onClose
}) => {
  console.log('text', text);
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(EditContainer, {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(EditInfoBox, {
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
        style: {
          padding: 9,
          paddingRight: 20,
          paddingLeft: 0,
          borderRightWidth: 1,
          borderRightColor: '#0052CD',
          borderStyle: 'solid'
        },
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.EditIcon, {
          color: "#0052CD"
        })
      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
        style: {
          paddingLeft: 20
        },
        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(EditTitle, {
          children: "Edit Message"
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(EditText, {
          children: text
        })]
      })]
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
      style: {
        // background: "none",
        // border: "none",
        borderRadius: 8
      },
      onPress: onClose,
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
        style: {
          fontSize: 24,
          color: '#888'
        },
        children: "\xD7"
      })
    })]
  });
};
exports.EditWrapper = EditWrapper;
//# sourceMappingURL=EditWrapper.js.map