@postenbring/hedwig-react/dist/chunk-F4VC5NPP.mjs

React components for [Hedwig Design System](https://github.com/bring/hedwig-design-system).

import {
  __objRest,
  __spreadProps,
  __spreadValues
} from "./chunk-YOSPWY5K.mjs";

// src/badge/badge.tsx
import { clsx } from "@postenbring/hedwig-css/typed-classname";
import { Slot } from "@radix-ui/react-slot";
import { forwardRef } from "react";
import { jsx } from "react/jsx-runtime";
var Badge = forwardRef(
  (_a, ref) => {
    var _b = _a, {
      "data-color": color = "",
      children,
      asChild,
      variant = "",
      size = "small",
      className
    } = _b, rest = __objRest(_b, [
      "data-color",
      "children",
      "asChild",
      "variant",
      "size",
      "className"
    ]);
    const Component = asChild ? Slot : "span";
    return /* @__PURE__ */ jsx(
      Component,
      __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, variant === "warning" || variant === "lighter" || variant === "darker" ? { "data-color-scheme": "light" } : {}), {
        "data-color": color,
        ref,
        className: clsx(
          "hds-badge",
          `hds-badge--${size}`,
          { "hds-badge--lighter": variant === "lighter" },
          { "hds-badge--darker": variant === "darker" },
          { "hds-badge--white": variant === "white" },
          className
        )
      }), rest), {
        children
      })
    );
  }
);
Badge.displayName = "Badge";

export {
  Badge
};
//# sourceMappingURL=chunk-F4VC5NPP.mjs.map