alinea/dist/ui/Badge.js

Headless git-based CMS

import {
  dist_default
} from "../chunks/chunk-A5O3N2GS.js";
import "../chunks/chunk-NZLE2WMY.js";

// src/ui/Badge.module.scss
var Badge_module_default = {
  "root": "alinea-Badge",
  "root-number": "alinea-Badge-number",
  "rootNumber": "alinea-Badge-number"
};

// src/ui/Badge.tsx
import { px } from "./util/Units.js";
import { jsx, jsxs } from "react/jsx-runtime";
var styles = dist_default(Badge_module_default);
function Badge({
  children,
  amount,
  top,
  right,
  bottom,
  left
}) {
  return /* @__PURE__ */ jsxs("div", { className: styles.root(), children: [
    /* @__PURE__ */ jsx("div", { children }),
    Number(amount) > 0 && /* @__PURE__ */ jsx(
      "span",
      {
        className: styles.root.number(),
        style: {
          top: top && px(top),
          right: right && px(right),
          bottom: bottom && px(bottom),
          left: left && px(left)
        },
        children: amount
      }
    )
  ] });
}
export {
  Badge
};