import { trim } from "../utils.js";
import type { UtilityClassBuilder } from "./UtilityClassBuilder.js";

export const iconClasses: UtilityClassBuilder = {
  appliesTo: (token) => token.attributes.category === "icon"
    && token.attributes.item === "character",
  build(token, dictionary) {
    const className = `.icon-${token.attributes.type}`;

    let colorRule = "";
    const colorToken = dictionary.tokens.icon[token.attributes.type].color;
    if (colorToken) {
      colorRule = trim(`
        ${className} {
          color: ${colorToken.variableReference} !important;
        }
      `);
    }

    return trim(`${colorRule}
      ${className}::before {
        content: ${token.variableReference} !important;
      }
    `);
  },
};