import { jsxs as u, jsx as s } from "react/jsx-runtime";
import { n } from "./index.B0wX8xO7.js";
import { a as d } from "./index.CfQlFjZU.js";
import { M as r } from "./shared.EdGf6tcG.js";
import "react";
import { a as i } from "./message.CHKnnsjy.js";
const p = "creator_messagesSectionWrapper_QHcLQ", f = "creator_title_jhEFz", c = { messagesSectionWrapper: p, title: f }, M = (e) => {
  const t = "You’ve added new contact tags as part of your upload. Please review them before proceeding.", a = `The maximum number of tags you can create is 25. You need to remove ${e.extraTagsCount} ${e.extraTagsCount === 1 ? "tag" : "tags"} to proceed. By removing tags, you won’t delete any contacts.`;
  return {
    ...e,
    titleMessage: t,
    tooManyTagsMessage: a,
    defaultInfoMessage: "By removing tags, you won’t delete any contacts.",
    messagesWrapperClassName: c.messagesSectionWrapper,
    titleClassName: c.title
  };
}, y = ({
  messagesWrapperClassName: e,
  titleClassName: t,
  totalTagsCount: a,
  hasTooManyTags: o,
  titleMessage: m,
  tooManyTagsMessage: g,
  defaultInfoMessage: l
}) => /* @__PURE__ */ u("div", { className: e, children: [
  /* @__PURE__ */ s("span", { className: t, children: m }),
  /* @__PURE__ */ s(
    n,
    {
      value: a !== 0,
      then: (
        /**
         * Show an error message when the tags limit has been crossed
         */
        /* @__PURE__ */ s(
          n,
          {
            value: o,
            then: /* @__PURE__ */ s(
              i,
              {
                text: g,
                semantic: r.ERROR,
                dismissible: !1
              }
            ),
            otherwise: /* @__PURE__ */ s(
              i,
              {
                text: l,
                semantic: r.INFO,
                dismissible: !1
              }
            )
          }
        )
      )
    }
  )
] }), b = d(y, M);
export {
  b as M
};
