import { MANTINE_TOKENS, isHex } from "./_mantine_color_helpers";

/**
 * Genera el valor CSS para mostrar un swatch (muestra de color) Mantine.
 *
 * - Sin color (""): color neutro dark-3.
 * - Hex (#rgb/#rrggbb): el hex directamente (sin mezcla).
 * - Token Mantine (blue, red, ...): CSS variable del tono -7.
 * - Valor desconocido: color neutro dark-3.
 */
export function colorSwatch(color: string): string {
  if (!color) return "var(--mantine-color-dark-3)";
  if (isHex(color)) return color;
  if (MANTINE_TOKENS.has(color)) return `var(--mantine-color-${color}-7)`;
  return "var(--mantine-color-dark-3)";
}
