"use client";
import { clsx } from 'clsx';
import { twMerge } from 'tailwind-merge';
import { jsx } from 'react/jsx-runtime';

// src/lib/utils.ts
function cn(...inputs) {
  return twMerge(clsx(inputs));
}
function MessageActions({ className, children, ...props }) {
  return /* @__PURE__ */ jsx(
    "div",
    {
      className: cn(
        "mt-2 flex items-center gap-1 opacity-60",
        "transition-opacity duration-[var(--duration-normal,200ms)] ease-out",
        "group-hover/message:opacity-100 hover:opacity-100 focus-within:opacity-100",
        className
      ),
      ...props,
      children
    }
  );
}

export { MessageActions };
//# sourceMappingURL=message-actions.js.map
//# sourceMappingURL=message-actions.js.map