"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Viewider = exports.UserStatus = exports.UserName = exports.UserInfo = exports.ProfileImage = exports.ModalTitle = exports.ModalDescription = exports.ModalContainerFullScreen = exports.ModalContainer = exports.ModalBackground = exports.LabelData = exports.Label = exports.HeaderRight = exports.HeaderLeft = exports.HeaderContainer = exports.GroupContainer = exports.EmptySection = exports.Divider = exports.CloseButton = exports.CenterContainer = exports.BorderedContainer = exports.ActionButton = void 0;
var _native = _interopRequireDefault(require("styled-components/native"));
var _Button = _interopRequireDefault(require("../styled/Button"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
/** @format */

const ModalBackground = exports.ModalBackground = _native.default.View`
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  flex: 1;
  justify-content: center;
  align-items: center;
  z-index: 1000;
`;
const CloseButton = exports.CloseButton = _native.default.TouchableOpacity`
  position: absolute;
  top: 16px;
  right: 16px;
  border: none;
  font-size: 20px;
  cursor: pointer;
  color: #888;

  &:hover {
    color: #555;
    background-color: #dddddd;
  }
`;
const ModalContainer = exports.ModalContainer = _native.default.View`
  flex: 1;
  width: 100%;
  height: 100%;
  background: white;
  padding: 32px 64px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  gap: 32px;
  position: relative;
  justify-content: center;
  align-items: center;
`;
const ModalTitle = exports.ModalTitle = _native.default.Text`
  font-size: 20px;
  margin: 0;
  font-weight: 400;
`;
const ModalDescription = exports.ModalDescription = _native.default.Text`
  font-size: 14px;
  margin: 0;
  font-weight: 400;
`;
const GroupContainer = exports.GroupContainer = _native.default.View`
  display: flex;
  gap: 32px;
  width: 100%;
  padding: 0;
`;
const ModalContainerFullScreen = exports.ModalContainerFullScreen = _native.default.View`
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  overflow-y: auto;
`;
const HeaderContainer = exports.HeaderContainer = _native.default.View`
  position: relative;
  top: 0;
  width: 100%;
  padding: 2px 8px;
  padding-top: 62px;
  max-height: 24px;
  min-height: 24px;
  background-color: #fff;
  border-bottom-width: 1px;
  border-bottom-color: #f0f0f0;
  z-index: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
`;
const HeaderLeft = exports.HeaderLeft = _native.default.View`
  flex-direction: row;
  align-items: center;
  gap: 16px;
`;
const HeaderRight = exports.HeaderRight = _native.default.View`
  flex-direction: row;
  align-items: center;
  gap: 16px;
`;
const CenterContainer = exports.CenterContainer = (0, _native.default)(GroupContainer)`
  width: 100%;
  padding: 16px;
  flex-direction: column;
  align-items: center;
`;
const ProfileImage = exports.ProfileImage = _native.default.View`
  width: 120px;
  height: 120px;
  border-radius: 10000px;
  border: 1px solid #f0f0f0;
`;
const UserInfo = exports.UserInfo = _native.default.View`
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
`;
const UserName = exports.UserName = _native.default.Text`
  color: #141414;
  font-size: 24px;
  font-weight: 400;
`;
const UserStatus = exports.UserStatus = _native.default.Text`
  color: #8c8c8c;
  font-size: 16px;
  font-weight: 400;
`;
const BorderedContainer = exports.BorderedContainer = _native.default.View`
  width: 100%;
  border-radius: 8px;
  border: 1px solid #f0f0f0;
  display: flex;
  flex-direction: column;
  padding: 16px;
`;
const LabelData = exports.LabelData = _native.default.Text`
  color: #8c8c8c;
  font-size: 14px;
  font-weight: 400;
`;
const Label = exports.Label = _native.default.Text`
  color: #141414;
  font-size: 16px;
`;
const ActionButton = exports.ActionButton = (0, _native.default)(_Button.default)`
  width: 100%;
`;
const EmptySection = exports.EmptySection = _native.default.View`
  height: 200px;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  width: 100%;
  display: flex;
`;
const Viewider = exports.Viewider = _native.default.View`
  height: 1px;
  width: 100%;
  background-color: #0052cd0d;
`;
const Divider = exports.Divider = _native.default.View`
  height: 1px;
  width: 100%;
  background-color: #0052cd0d;
`;
//# sourceMappingURL=styledModalComponents.js.map