"use strict";Object.defineProperty(exports, "__esModule", {value: true});

var _chunk5V5EREDJjs = require('./chunk-5V5EREDJ.js');

// tmp-babel/content-feed/web/PostHeader/index.js
var _iconsmaterial = require('@mui/icons-material');
var _material = require('@mui/material');
var _reactrelay = require('react-relay');
var _jsxruntime = require('react/jsx-runtime');
var PostHeader = function PostHeader2(_ref) {
  var post = _ref.post;
  var profile = _reactrelay.useFragment.call(void 0, _chunk5V5EREDJjs.ProfileItemFragment, post === null || post === void 0 ? void 0 : post.profile);
  if (!profile) return null;
  var image = profile.image, name = profile.name, urlPath = profile.urlPath;
  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Stack, {
    p: 1.5,
    gap: 1,
    direction: "row",
    justifyContent: "space-between",
    children: [/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Stack, {
      direction: "row",
      gap: 1,
      children: [/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Avatar, {
        sizes: "small",
        sx: {
          p: 0
        },
        src: image === null || image === void 0 ? void 0 : image.url
      }), /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Stack, {
        children: [/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, {
          variant: "subtitle2",
          children: name
        }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, {
          variant: "caption",
          color: "text.secondary",
          children: (urlPath === null || urlPath === void 0 ? void 0 : urlPath.path) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, {
            children: ["@", urlPath.path.replace("/", "")]
          })
        })]
      })]
    }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.IconButton, {
      "aria-label": "Post Options",
      sx: {
        transform: "translateX(16px)"
      },
      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsmaterial.MoreVert, {})
    })]
  });
};
var PostHeader_default = PostHeader;



exports.PostHeader_default = PostHeader_default;
//# sourceMappingURL=chunk-I4VKTM6F.js.map