@kiwicom/orbit-components/es/Badge/index.js

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

"use client";

import React from "react";
import cx from "clsx";
import BadgePrimitive from "../primitives/BadgePrimitive";
import { TYPE_OPTIONS } from "./consts";
const getTypeToken = type => {
  const tokens = {
    [TYPE_OPTIONS.NEUTRAL]: "bg-badge-neutral-background text-badge-neutral-foreground",
    [TYPE_OPTIONS.INFO_SUBTLE]: "bg-badge-info-subtle-background text-badge-info-subtle-foreground",
    [TYPE_OPTIONS.SUCCESS_SUBTLE]: "bg-badge-success-subtle-background text-badge-success-subtle-foreground",
    [TYPE_OPTIONS.WARNING_SUBTLE]: "bg-badge-warning-subtle-background text-badge-warning-subtle-foreground",
    [TYPE_OPTIONS.CRITICAL_SUBTLE]: "bg-badge-critical-subtle-background text-badge-critical-subtle-foreground",
    [TYPE_OPTIONS.DARK]: "bg-badge-dark-background text-badge-dark-foreground",
    [TYPE_OPTIONS.WHITE]: "bg-badge-white-background text-badge-white-foreground",
    [TYPE_OPTIONS.INFO]: "bg-badge-info-background text-badge-info-foreground",
    [TYPE_OPTIONS.CRITICAL]: "bg-badge-critical-background text-badge-critical-foreground",
    [TYPE_OPTIONS.SUCCESS]: "bg-badge-success-background text-badge-success-foreground",
    [TYPE_OPTIONS.WARNING]: "bg-badge-warning-background text-badge-warning-foreground",
    [TYPE_OPTIONS.BUNDLE_BASIC]: "bg-badge-bundle-basic-background text-badge-bundle-basic-foreground",
    [TYPE_OPTIONS.BUNDLE_MEDIUM]: "bg-badge-bundle-medium-background text-badge-bundle-medium-foreground",
    [TYPE_OPTIONS.BUNDLE_TOP]: "bg-badge-bundle-top-background text-badge-bundle-top-foreground"
  };
  return tokens[type];
};
const Badge = ({
  type = TYPE_OPTIONS.NEUTRAL,
  icon,
  children,
  ariaLabel,
  dataTest,
  id,
  carriers
}) => {
  return /*#__PURE__*/React.createElement(BadgePrimitive, {
    carriers: carriers,
    className: cx("orbit-badge", getTypeToken(type)),
    icon: icon,
    id: id,
    ariaLabel: ariaLabel,
    dataTest: dataTest
  }, children);
};
export default Badge;