export interface FontOption {
  value: string;
  label: string;
  category: "system" | "google" | "custom";
  weights?: number[];
  hasClassName?: boolean;
}

export const FONT_OPTIONS: FontOption[] = [
  // System fonts (always available)
  { value: "Arial", label: "Arial", category: "system", hasClassName: false },
  {
    value: "Helvetica",
    label: "Helvetica",
    category: "system",
    hasClassName: false,
  },
  {
    value: "Times New Roman",
    label: "Times New Roman",
    category: "system",
    hasClassName: false,
  },
  {
    value: "Georgia",
    label: "Georgia",
    category: "system",
    hasClassName: false,
  },

  // Google Fonts (loaded in layout.tsx)
  {
    value: "Inter",
    label: "Inter",
    category: "google",
    weights: [400, 700],
    hasClassName: true,
  },
  {
    value: "Roboto",
    label: "Roboto",
    category: "google",
    weights: [400, 700],
    hasClassName: true,
  },
  {
    value: "Open Sans",
    label: "Open Sans",
    category: "google",
    hasClassName: true,
  },
  {
    value: "Playfair Display",
    label: "Playfair Display",
    category: "google",
    hasClassName: true,
  },
  {
    value: "Comic Neue",
    label: "Comic Neue",
    category: "google",
    hasClassName: false,
  },
] as const;

export const DEFAULT_FONT = "Arial";

// Type-safe font family union
export type FontFamily = (typeof FONT_OPTIONS)[number]["value"];

// Helper functions
export const getFontByValue = (value: string): FontOption | undefined =>
  FONT_OPTIONS.find((font) => font.value === value);

export const getGoogleFonts = (): FontOption[] =>
  FONT_OPTIONS.filter((font) => font.category === "google");

export const getSystemFonts = (): FontOption[] =>
  FONT_OPTIONS.filter((font) => font.category === "system");