import {Context, Theme} from '../Application/types';
import {Colors} from './colors+spacing+radius';

const defaultTheme: Theme = {
  dark: false,
  colors: {
    primary: Colors.pink_03,
    secondary: Colors.pink_07,
    gradient: '#FDCADE',
    background: {
      default: '#f2f2f6',
      surface: Colors.black_01,
      tonal: Colors.pink_09,
      pressed: '#dfdfe6',
      selected: Colors.pink_10,
      disable: '#ebebf2',
    },
    text: {
      default: Colors.black_17,
      secondary: Colors.black_15,
      hint: Colors.black_12,
      disable: Colors.black_08,
    },
    border: {
      default: Colors.black_04,
      disable: Colors.black_02,
    },
    success: {
      primary: Colors.green_03,
      secondary: Colors.green_07,
      container: Colors.green_08,
    },
    warning: {
      primary: Colors.orange_03,
      secondary: Colors.orange_07,
      container: Colors.orange_08,
    },
    error: {
      primary: Colors.red_03,
      secondary: Colors.red_07,
      container: Colors.red_08,
    },
    highlight: {
      primary: Colors.mint_03,
      secondary: Colors.mint_07,
      container: Colors.mint_08,
    },
    interactive: {
      primary: Colors.blue_03,
      secondary: Colors.blue_07,
      container: Colors.blue_08,
    },
  },
  font: 'SFProText',
  assets: {},
};

const defaultDarkTheme: Theme = {
  dark: true,
  colors: {
    primary: Colors.pink_04,
    secondary: Colors.pink_08,
    gradient: '#FDCADE',
    background: {
      default: '#121212', // Dark background
      surface: '#1e1e1e', // Slightly lighter surface background
      tonal: Colors.pink_10,
      pressed: '#1a1a1a', // Pressed state background
      selected: Colors.pink_11,
      disable: '#303030', // Disabled state background
    },
    text: {
      default: '#ffffff', // White text for better contrast
      secondary: '#b0b0b0', // Light gray secondary text
      hint: '#727272', // Hint text color
      disable: '#505050', // Disabled text color
    },
    border: {
      default: '#2a2a2a', // Darker borders
      disable: '#242424', // Disabled state border color
    },
    success: {
      primary: Colors.green_03,
      secondary: Colors.green_07,
      container: Colors.green_08,
    },
    warning: {
      primary: Colors.orange_03,
      secondary: Colors.orange_07,
      container: Colors.orange_08,
    },
    error: {
      primary: Colors.red_03,
      secondary: Colors.red_07,
      container: Colors.red_08,
    },
    highlight: {
      primary: Colors.mint_03,
      secondary: Colors.mint_07,
      container: Colors.mint_08,
    },
    interactive: {
      primary: Colors.blue_03,
      secondary: Colors.blue_07,
      container: Colors.blue_08,
    },
  },
  font: 'SFProText',
  assets: {},
};

const defaultContext: Context = {
  theme: defaultTheme,
  navigator: undefined,
  showGrid: false,
  translate: () => {
    return '';
  },
};

export {defaultContext, defaultTheme, defaultDarkTheme};