import { getSizeStyles as r } from "../../../utils/getSizeStyles/getSizeStyles.js";
import { getContrastTextColor as e } from "@m4l/graphics";
const l = {
  /**
   * Contenedor de multiple tags
   */
  tagsContainer: ({ theme: a }) => ({
    display: "flex",
    flexWrap: "wrap",
    gap: a.vars.size.baseSpacings.sp1,
    maxHeight: "100%",
    overflow: "hidden"
  }),
  /**
   * Estilos del tag individual
   */
  tag: ({ theme: a, ownerState: i }) => {
    const o = i?.backgroundColor || "#000000", s = e(o);
    return {
      display: "inline-block",
      paddingLeft: a.vars.size.baseSpacings.sp2,
      paddingRight: a.vars.size.baseSpacings.sp2,
      borderRadius: a.vars.size.borderRadius.r1,
      cursor: "default",
      maxWidth: "200px",
      whiteSpace: "nowrap",
      overflowY: "hidden",
      overflowX: "auto",
      verticalAlign: "middle",
      ...r(a, i?.size || "medium", "base"),
      ...a.typography.body,
      lineHeight: r(a, i?.size || "medium", "base").height,
      backgroundColor: o,
      color: s
    };
  }
};
export {
  l as tagsFormatterStyles
};
