'use strict';
import { jsxs, jsx } from 'react/jsx-runtime';
import { Button } from '../../../fd-component-toolbox/button/Button.js';
import { Icon, iconSizes, iconNames } from '../../../fd-component-toolbox/icon/Icon.js';

var __defProp = Object.defineProperty;
var __name = (target, value) => __defProp(target, "name", {
  value,
  configurable: true
});
function FeedEntryActions({
  onComment
}) {
  return /* @__PURE__ */jsxs("div", {
    className: "flex flex-wrap items-center justify-between px-2 py-1 sm:px-4 sm:py-2",
    children: [/* @__PURE__ */jsxs(Button, {
      variant: "ghost",
      onClick: onComment,
      className: "text-muted-foreground hover:bg-accent flex flex-1 items-center justify-center gap-2 rounded-lg px-3 py-2 transition-colors sm:flex-none sm:px-4",
      children: [/* @__PURE__ */jsx(Icon, {
        name: iconNames.chatBubbleIcon,
        size: iconSizes.medium
      }), /* @__PURE__ */jsx("span", {
        className: "hidden font-medium sm:inline",
        children: "Comments"
      })]
    }), /* @__PURE__ */jsxs(Button, {
      variant: "ghost",
      className: "text-muted-foreground hover:bg-accent flex flex-1 items-center justify-center gap-2 rounded-lg px-3 py-2 transition-colors sm:flex-none sm:px-4",
      children: [/* @__PURE__ */jsx(Icon, {
        name: iconNames.share1Icon,
        size: iconSizes.medium
      }), /* @__PURE__ */jsx("span", {
        className: "hidden font-medium sm:inline",
        children: "Share"
      })]
    })]
  });
}
__name(FeedEntryActions, "FeedEntryActions");

export { FeedEntryActions };
