// tmp-babel/comments/web/CommentItem/CommentPinnedBadge/index.js
import { PinIcon } from "@baseapp-frontend/design-system/components/web/icons";
import { Typography } from "@mui/material";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var CommentPinnedBadge = function CommentPinnedBadge2(_ref) {
  var isPinned = _ref.isPinned;
  if (!isPinned) return null;
  return /* @__PURE__ */ _jsxs("div", {
    className: "grid grid-cols-[repeat(2,max-content)] items-center gap-1",
    children: [/* @__PURE__ */ _jsx(PinIcon, {}), /* @__PURE__ */ _jsx(Typography, {
      variant: "body2",
      color: "text.secondary",
      children: "Pinned"
    })]
  });
};
var CommentPinnedBadge_default = CommentPinnedBadge;

export {
  CommentPinnedBadge_default
};
//# sourceMappingURL=chunk-7WRARPN4.mjs.map