import {GradientProps} from '@components/_core';
import {COLORS, NEUTRAL_COLORS} from '@shared/theme';

/** 360deg — bottom (#886BFF) → top, blue stop at 53.85% */
export const AI_BUTTON_GRADIENT_START = {x: 0.5, y: 1};
export const AI_BUTTON_GRADIENT_END = {x: 0.5, y: 0};

export const AI_BUTTON_GRADIENT_LOCATION_DEFAULT = 0.5385;
export const AI_BUTTON_GRADIENT_LOCATION_EXPANDED = 0.9;

export const AI_BUTTON_GRADIENT_LOCATIONS: GradientProps['locations'] = [
  0,
  AI_BUTTON_GRADIENT_LOCATION_DEFAULT,
];

export const AI_BUTTON_GRADIENT_EXPAND_MS = 1000;
export const AI_BUTTON_GRADIENT_HOLD_MS = 1500;

export const AI_BUTTON_GRADIENT_COLORS: GradientProps['colors'] = [
  COLORS.lilac[400],
  COLORS.blue[400],
];

export const AI_BUTTON_GRADIENT_PRESSED_COLORS: GradientProps['colors'] = [
  COLORS.lilac[400],
  NEUTRAL_COLORS.blue[600],
];
