"use client";
import { j as o } from "../../../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.mjs";
import f from "react";
import m from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.mjs";
import r from "./index.module.scss.mjs";
function p({
  styleType: s = "secondary",
  variant: l = "outlined",
  dimension: n = "default",
  withIcon: a,
  withDot: e,
  className: d,
  children: c,
  ...u
}) {
  const t = {
    [r.neutral]: s === "neutral",
    [r.secondary]: s === "secondary",
    [r.tertiary]: s === "tertiary",
    [r.success]: s === "success",
    [r.warning]: s === "warning",
    [r.error]: s === "error",
    [r.sizeDefault]: n === "default",
    [r.sizeSmall]: n === "small",
    [r.icon]: a,
    [r.dot]: e == null ? void 0 : e.dotColor,
    [r.outlined]: l === "outlined",
    [r.filled]: l === "filled",
    [r.filledStrong]: l === "filledStrong"
  };
  return /* @__PURE__ */ o.jsxs(
    "div",
    {
      ...u,
      className: m("body-sm", r.sticker, d, t),
      children: [
        a && /* @__PURE__ */ o.jsx("span", { className: r.icon, children: a }),
        e && /* @__PURE__ */ o.jsx("span", { className: r.dot, "data-status": e.dotColor, children: e.dotIcon && typeof e.dotIcon == "function" ? f.createElement(e.dotIcon) : null }),
        c
      ]
    }
  );
}
export {
  p as default
};
//# sourceMappingURL=index.mjs.map
