aura-glass/dist/esm/components/interactive/GlassReactionBar.js

A comprehensive glassmorphism design system for React applications with 142+ production-ready components

'use client';
import { jsx, jsxs } from 'react/jsx-runtime';
import { GlassButton } from '../button/GlassButton.js';

function GlassReactionBar({
  reactions: incomingReactions = [],
  onReact,
  className
}) {
  const reactions = Array.isArray(incomingReactions) ? incomingReactions : [];
  return jsx("div", {
    "data-glass-component": true,
    className: className,
    children: jsx("div", {
      className: "glass-flex glass-gap-2",
      children: reactions.length === 0 ? jsx("span", {
        className: "glass-text-sm glass-text-secondary",
        children: "No reactions yet."
      }) : reactions.map(r => jsxs(GlassButton, {
        variant: "ghost",
        size: "sm",
        onClick: () => onReact?.(r.key),
        children: [jsx("span", {
          className: "glass-mr-1",
          children: r.label
        }), jsx("span", {
          className: 'text-primary/70',
          children: r.count
        })]
      }, r.key))
    })
  });
}

export { GlassReactionBar, GlassReactionBar as default };
//# sourceMappingURL=GlassReactionBar.js.map