'use strict';

var clsx = require('clsx');
var theme = require('../common/theme.js');
require('../common/direction.js');
require('../common/propsValues/control.js');
require('../common/propsValues/breakpoint.js');
var size = require('../common/propsValues/size.js');
require('../common/propsValues/typography.js');
require('../common/propsValues/width.js');
require('../common/propsValues/type.js');
require('../common/propsValues/dateMode.js');
require('../common/propsValues/monthFormat.js');
require('../common/propsValues/position.js');
require('../common/propsValues/layouts.js');
require('../common/propsValues/status.js');
require('../common/propsValues/sentiment.js');
require('../common/propsValues/profileType.js');
require('../common/propsValues/variant.js');
require('../common/propsValues/scroll.js');
require('../common/propsValues/markdownNodeType.js');
require('../common/fileType.js');
require('@transferwise/icons');
require('react');
require('react-intl');
require('../common/closeButton/CloseButton.messages.js');
var jsxRuntime = require('react/jsx-runtime');

const Badge = ({
  badge,
  className = undefined,
  size: sizeProp = size.Size.SMALL,
  border = theme.Theme.LIGHT,
  'aria-label': ariaLabel,
  children
}) => {
  // medium is deprecated, so we map it to small
  const size$1 = sizeProp === size.Size.MEDIUM ? size.Size.SMALL : sizeProp;
  const classes = clsx.clsx('tw-badge', {
    [`tw-badge-border-${border}`]: border,
    [`tw-badge-${size$1}`]: size$1
  }, className);
  return /*#__PURE__*/jsxRuntime.jsxs("div", {
    "aria-label": ariaLabel,
    className: classes,
    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
      className: "tw-badge__children",
      children: children
    }), /*#__PURE__*/jsxRuntime.jsx("div", {
      className: "tw-badge__content",
      children: badge
    })]
  });
};

module.exports = Badge;
//# sourceMappingURL=Badge.js.map
