export type CodeBlock = {
  code: string;
  cpnName: string;
  props: Record<string, unknown>;
};

export type UpdateThemeColor = {
  themeClass: string;
  colorVariable: string;
  newColor: string;
};

export type NumStringWithBlank = ` ${number}` | `${number}` | `${number} `;

export type RGBString =
  `rgb(${NumStringWithBlank},${NumStringWithBlank},${NumStringWithBlank})`;

export type RGBValue = {
  r: number;
  g: number;
  b: number;
};

export type ThemeVariables = {
  [key: string]: string;
};

export type ColorSchema = {
    onLight: Record<string, string>,
    onDark?: Record<string, string>,
}

export type ThemeSection = "dark" | "light" | "system";