import React from 'react';
import { L as LCSubtypes } from './index-28917993.js';
import { T as TYPE_TO_MINI_ICON } from './index-cbe3a76a.js';

const TYPE_TO_COLOR = {
  [LCSubtypes.course]: "bg-emerald-50",
  [LCSubtypes.achievement]: "bg-spice-50",
  [LCSubtypes.skill]: "bg-indigo-50"
};
const TYPE_TO_TEXT_COLOR = {
  [LCSubtypes.course]: "text-emerald-700",
  [LCSubtypes.achievement]: "text-spice-500",
  [LCSubtypes.skill]: "text-indigo-600"
};
const LearnPill = ({
  count = 0,
  type = LCSubtypes.course,
  className
}) => {
  const imgSrc = TYPE_TO_MINI_ICON[type];
  const bgColor = TYPE_TO_COLOR[type];
  const textColor = TYPE_TO_TEXT_COLOR[type];
  return /* @__PURE__ */ React.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.createElement("img", { src: imgSrc, className: "mr-[5px]" }),
    /* @__PURE__ */ React.createElement("span", { className: `flex items-center text-sm ${textColor} font-bold` }, count)
  );
};

export { LearnPill as L };
//# sourceMappingURL=LearnPill-e0720485.js.map
