import {
  PostReactionButton_default
} from "./chunk-SLPINWVF.mjs";

// tmp-babel/content-feed/web/PostFooter/index.js
import { ReplyIcon, SharePostIcon } from "@baseapp-frontend/design-system/components/web/icons";
import { Circle as CircleIcon } from "@mui/icons-material";
import { IconButton, Stack, Typography } from "@mui/material";
import { DateTime } from "luxon";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var PostFooter = function PostFooter2(_ref) {
  var post = _ref.post;
  var created = DateTime.fromISO(post.created);
  return /* @__PURE__ */ _jsxs(Stack, {
    p: 1.5,
    gap: 1.5,
    direction: "row",
    justifyContent: "space-between",
    children: [/* @__PURE__ */ _jsxs(Stack, {
      direction: "row",
      gap: 1.5,
      children: [/* @__PURE__ */ _jsx(PostReactionButton_default, {
        target: post
      }), /* @__PURE__ */ _jsx(IconButton, {
        "aria-label": "Reply",
        disableRipple: true,
        sx: {
          p: 0
        },
        children: /* @__PURE__ */ _jsx(ReplyIcon, {})
      }), /* @__PURE__ */ _jsx(IconButton, {
        "aria-label": "Share",
        disableRipple: true,
        sx: {
          p: 0
        },
        children: /* @__PURE__ */ _jsx(SharePostIcon, {})
      })]
    }), /* @__PURE__ */ _jsxs(Typography, {
      variant: "caption",
      children: [created.toFormat("hh:mm a"), " ", /* @__PURE__ */ _jsx(CircleIcon, {
        color: "disabled",
        sx: {
          fontSize: 4
        }
      }), " ", created.toFormat("DDD")]
    })]
  });
};
var PostFooter_default = PostFooter;

export {
  PostFooter_default
};
//# sourceMappingURL=chunk-LK5BMGN7.mjs.map