"use strict";

import React from 'react';
import { EditIcon } from '../../assets/icons';
import { styled } from 'styled-components/native';
import { Text, TouchableOpacity, View } from 'react-native';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export const EditContainer = styled.View`
  background-color: #0052cd0d;
  padding: 12px 24px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
`;
export const EditInfoBox = styled.View`
  flex-direction: row;
  align-items: center;
`;
export const EditTitle = styled.Text`
  margin: 0px;
  color: rgb(140, 140, 140);
  text-align: start;
  font-size: 12px;
  padding-bottom: 4px;
`;
export const EditText = styled.Text`
  margin: 0px;
  font-size: 16px;
  text-align: start;
`;
export const EditWrapper = ({
  text,
  onClose
}) => {
  console.log('text', text);
  return /*#__PURE__*/_jsxs(EditContainer, {
    children: [/*#__PURE__*/_jsxs(EditInfoBox, {
      children: [/*#__PURE__*/_jsx(View, {
        style: {
          padding: 9,
          paddingRight: 20,
          paddingLeft: 0,
          borderRightWidth: 1,
          borderRightColor: '#0052CD',
          borderStyle: 'solid'
        },
        children: /*#__PURE__*/_jsx(EditIcon, {
          color: "#0052CD"
        })
      }), /*#__PURE__*/_jsxs(View, {
        style: {
          paddingLeft: 20
        },
        children: [/*#__PURE__*/_jsx(EditTitle, {
          children: "Edit Message"
        }), /*#__PURE__*/_jsx(EditText, {
          children: text
        })]
      })]
    }), /*#__PURE__*/_jsx(TouchableOpacity, {
      style: {
        // background: "none",
        // border: "none",
        borderRadius: 8
      },
      onPress: onClose,
      children: /*#__PURE__*/_jsx(Text, {
        style: {
          fontSize: 24,
          color: '#888'
        },
        children: "\xD7"
      })
    })]
  });
};
//# sourceMappingURL=EditWrapper.js.map