"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var _chunk7OXDJIEXjs = require('./chunk-7OXDJIEX.js');


var _chunkEYXYZEIPjs = require('./chunk-EYXYZEIP.js');

// tmp-babel/profiles/native/ProfileComponent/index.js
var _react = require('react'); var _react2 = _interopRequireDefault(_react);
var _buttons = require('@baseapp-frontend/design-system/components/native/buttons');
var _icons = require('@baseapp-frontend/design-system/components/native/icons');
var _typographies = require('@baseapp-frontend/design-system/components/native/typographies');
var _views = require('@baseapp-frontend/design-system/components/native/views');
var _native = require('@baseapp-frontend/design-system/providers/native');
var _exporouter = require('expo-router');
var _reactnative = require('react-native');
var _reactrelay = require('react-relay');
var _jsxruntime = require('react/jsx-runtime');
var ProfileComponent = function ProfileComponent2(_ref) {
  var _profile$bannerImage, _profile$image, _profile$urlPath;
  var profileRef = _ref.profile;
  var theme = _native.useTheme.call(void 0, );
  var styles = _chunk7OXDJIEXjs.createStyles.call(void 0, theme);
  var profile = _reactrelay.useFragment.call(void 0, _chunkEYXYZEIPjs.ProfileComponentFragment, profileRef);
  var router = _exporouter.useRouter.call(void 0, );
  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _views.PageViewWithHeader, {
    style: styles.container,
    children: [/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _views.View, {
      style: styles.headerContainer,
      children: [/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Image, {
        source: {
          uri: profile === null || profile === void 0 || (_profile$bannerImage = profile.bannerImage) === null || _profile$bannerImage === void 0 ? void 0 : _profile$bannerImage.url
        },
        style: styles.bannerImage
      }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Image, {
        source: {
          uri: profile === null || profile === void 0 || (_profile$image = profile.image) === null || _profile$image === void 0 ? void 0 : _profile$image.url
        },
        style: styles.profileImage
      })]
    }), /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _views.View, {
      style: styles.infoContainer,
      children: [/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _views.View, {
        style: styles.nameContainer,
        children: [/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _typographies.Text, {
          variant: "h6",
          color: "high",
          children: profile === null || profile === void 0 ? void 0 : profile.name
        }), /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _typographies.Text, {
          variant: "body2",
          color: "low",
          children: ["@", profile === null || profile === void 0 || (_profile$urlPath = profile.urlPath) === null || _profile$urlPath === void 0 || (_profile$urlPath = _profile$urlPath.path) === null || _profile$urlPath === void 0 ? void 0 : _profile$urlPath.replace("/", "")]
        })]
      }), /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _views.View, {
        style: styles.statsContainer,
        children: [/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _views.View, {
          style: styles.statContainer,
          children: [/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _typographies.Text, {
            variant: "h6",
            color: "high",
            children: profile === null || profile === void 0 ? void 0 : profile.followersCount
          }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _typographies.Text, {
            variant: "body2",
            color: "low",
            children: "Followers"
          })]
        }), /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _views.View, {
          style: [styles.statContainer, styles.leftBorder],
          children: [/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _typographies.Text, {
            variant: "h6",
            color: "high",
            children: profile === null || profile === void 0 ? void 0 : profile.followingCount
          }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _typographies.Text, {
            variant: "body2",
            color: "low",
            children: "Following"
          })]
        })]
      }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _typographies.Text, {
        style: styles.biography,
        variant: "caption",
        color: "low",
        children: profile === null || profile === void 0 ? void 0 : profile.biography
      }), /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _views.View, {
        style: styles.buttonContainer,
        children: [/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _buttons.Button, {
          size: "medium",
          mode: "soft",
          color: "inherit",
          icon: _icons.EditIcon,
          style: styles.button,
          contentStyle: styles.buttonContent,
          onPress: function onPress() {
            router.push("/profile-settings");
          },
          children: "Edit Profile"
        }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _buttons.Button, {
          size: "medium",
          mode: "soft",
          color: "inherit",
          icon: _icons.ShareIcon,
          style: styles.button,
          contentStyle: styles.buttonContent,
          children: "Share profile"
        })]
      })]
    })]
  });
};
var ProfileComponent_default = ProfileComponent;



exports.ProfileComponent_default = ProfileComponent_default;
//# sourceMappingURL=chunk-BITALF2I.js.map