import { jsx, jsxs } from "react/jsx-runtime";
import Badge from "../../Badge";
import { StyledBoxContainer, StyledText } from "./styles";
const TextWithBadge = ({ badgeIcon, title }) => {
  return /* @__PURE__ */ jsxs(StyledBoxContainer, { children: [
    /* @__PURE__ */ jsx(StyledText, { bold: true, numberOfLines: 1, children: title }),
    /* @__PURE__ */ jsx(
      Badge,
      {
        icon: badgeIcon,
        fill: "text.primary",
        ml: "xxxsmall",
        bg: "neon",
        justifyContent: "center",
        alignItems: "center",
        borderRadius: "circle",
        w: "small",
        h: "small"
      }
    )
  ] });
};
var TextWithBadge_default = TextWithBadge;
export {
  TextWithBadge_default as default
};
