'use strict';

var React = require('react');
var index = require('./index-5488badc.js');
var index$1 = require('./index-ba659c28.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);

const TYPE_TO_COLOR = {
  [index.LCSubtypes.course]: "bg-emerald-50",
  [index.LCSubtypes.achievement]: "bg-spice-50",
  [index.LCSubtypes.skill]: "bg-indigo-50"
};
const TYPE_TO_TEXT_COLOR = {
  [index.LCSubtypes.course]: "text-emerald-700",
  [index.LCSubtypes.achievement]: "text-spice-500",
  [index.LCSubtypes.skill]: "text-indigo-600"
};
const LearnPill = ({
  count = 0,
  type = index.LCSubtypes.course,
  className
}) => {
  const imgSrc = index$1.TYPE_TO_MINI_ICON[type];
  const bgColor = TYPE_TO_COLOR[type];
  const textColor = TYPE_TO_TEXT_COLOR[type];
  return /* @__PURE__ */ React__default["default"].createElement(
    "div",
    {
      className: `course-card-stat-bubble px-[10px] rounded-[30px] flex ${bgColor} min-w-[48px] max-w-[100px] h-[30px] items-center ${className}`
    },
    /* @__PURE__ */ React__default["default"].createElement("img", { src: imgSrc, className: "mr-[5px]" }),
    /* @__PURE__ */ React__default["default"].createElement("span", { className: `flex items-center text-sm ${textColor} font-bold` }, count)
  );
};

exports.LearnPill = LearnPill;
//# sourceMappingURL=LearnPill-da2d2a8e.js.map
