editor-styles.tsx

export const styleMap = {
    HIGHLIGHT: {
      backgroundColor: "#faed27",
    },
    NORMAL: {
      backgroundColor: "transparent",
    },
    BOLD: {
      fontWeight: "bold",
    },
  };
  
  export const styles = {
    openai: {
      transition: "background-color 0.2s ease-in-out",
      backgroundColor: "#b9eebc",
      padding: "2px 0",
    },
    huggingface_local: {
      transition: "background-color 0.2s ease-in-out",
      backgroundColor: "#f6b2b3",
      padding: "2px 0",
    },
    cohere: {
      transition: "background-color 0.2s ease-in-out",
      backgroundColor: "#a198e6",
      padding: "2px 0",
    },
    huggingface: {
      transition: "background-color 0.2s ease-in-out",
      backgroundColor: "#D7BCE8",
      padding: "2px 0",
    },
    forefront: {
      backgroundColor: "#BCCAE8",
      padding: "2px 0",
    },
    anthropic: {
      backgroundColor: "#cc785c80",
      padding: "2px 0",
    },
    aleph_alpha: {
      backgroundColor: "#e3ff00",
      padding: "2px 0",
    },
    default: {
      backgroundColor: "transparent",
      transition: "background-color 0.2s ease-in-out",
      padding: "2px 0",
    },
  };
  
  export function getDecoratedStyle(provider: string, showHighlights: boolean) {
    if (showHighlights === false) return styles.default;
    switch (provider) {
      case "openai":
        return styles.openai;
      case "huggingface-local":
        return styles.huggingface_local;
      case "llama-local":
        return styles.huggingface_local;
      case "cohere":
        return styles.cohere;
      case "huggingface":
        return styles.huggingface;
      case "forefront":
        return styles.forefront;
      case "anthropic":
        return styles.anthropic;
      case "aleph-alpha":
        return styles.aleph_alpha;
  
      default:
        return styles.default;
    }
  }