export const QR_CODE_SIZE = 237;
export const QR_LOGO_SIZE = 50;
export const QR_LOGO_RADIUS = 10;
export const QR_LOGO_BACKGROUND_COLOR = '#ffffff';
export const GRADIENT_START_COORDINATES = { x: 0, y: 0 };
export const GRADIENT_END_COORDINATES = { x: 1, y: 0 };
export const GRADIENT_END_STYLE = { borderRadius: 32 };

type LinearGradient = { startColor: string; endColor: string };

export const ockThemeToLinearGradientColorMap = {
  default: 'blue',
  base: 'baseBlue',
  cyberpunk: 'pink',
  hacker: 'black',
};

export const ockThemeToRadialGradientColorMap = {
  default: 'default',
  base: 'blue',
  cyberpunk: 'magenta',
  hacker: 'black',
};

export const linearGradientStops: Record<string, LinearGradient> = {
  blue: {
    startColor: '#266EFF',
    endColor: '#45E1E5',
  },
  pink: {
    startColor: '#EE5A67',
    endColor: '#CE46BD',
  },
  black: {
    startColor: '#a1a1aa',
    endColor: '#27272a',
  },
  baseBlue: {
    startColor: '#0052ff',
    endColor: '#b2cbff',
  },
};

export const presetGradients = {
  default: [
    ['#0F27FF', '39.06%'],
    ['#6100FF', '76.56%'],
    ['#201F1D', '100%'],
  ],
  blue: [
    ['#0F6FFF', '39.06%'],
    ['#0F27FF', '76.56%'],
    ['#201F1D', '100%'],
  ],
  magenta: [
    ['#CF00F1', '36.46%'],
    ['#7900F1', '68.58%'],
    ['#201F1D', '100%'],
  ],
  black: [
    ['#d4d4d8', '36.46%'],
    ['#201F1D', '68.58%'],
    ['#201F1D', '100%'],
  ],
};