'use strict';
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
import { Separator } from '../../../fd-component-toolbox/separator/Separator.js';

var __defProp = Object.defineProperty;
var __name = (target, value) => __defProp(target, "name", {
  value,
  configurable: true
});
function FeedReactionsSummary({
  commentCount
}) {
  const count = commentCount ?? 0;
  return /* @__PURE__ */jsxs(Fragment, {
    children: [/* @__PURE__ */jsxs("div", {
      className: "flex items-center justify-between px-3 py-1.5 sm:px-4 sm:py-2",
      children: [/* @__PURE__ */jsx("div", {
        className: "flex items-center gap-1"
      }), /* @__PURE__ */jsx("div", {
        className: "text-muted-foreground flex gap-3 text-xs sm:text-sm",
        children: count > 0 && /* @__PURE__ */jsxs("div", {
          className: "flex items-center gap-1",
          children: [/* @__PURE__ */jsx("span", {
            children: count
          }), /* @__PURE__ */jsx("span", {
            children: "comments"
          })]
        })
      })]
    }), /* @__PURE__ */jsx(Separator, {})]
  });
}
__name(FeedReactionsSummary, "FeedReactionsSummary");

export { FeedReactionsSummary };
