// components/Badge.js
import { $html } from "sigpro";
import { ui } from "../core/utils.js";

/**
 * Badge component
 * 
 * daisyUI classes used:
 * - badge, badge-primary, badge-secondary, badge-accent
 * - badge-info, badge-success, badge-warning, badge-error
 * - badge-outline, badge-soft, badge-dash
 * - badge-xs, badge-sm, badge-md, badge-lg
 */
export const Badge = (props, children) => {
  const { class: className, ...rest } = props;

  return $html("span", {
    ...rest,
    class: ui('badge', className),
  }, children);
};