typescript.ts

interface Themes {
  [key:string]: {[key:string] : string} 
}

const themes:Themes = {
  blue: {
    static: '#4687ed',
    hover: '#589bfe',
    active: '#1e4bb8',
    color: '#fff'
  },

  red: {
    static: '#e34345',
    hover: '#f45052',
    active: '#b12426',
    color: '#fff'
  },

  orange: {
    static: '#f6891b',
    hover: '#f69b31',
    active: '#d17516',
    color: '#fff'
  },

  blueLight: {
    static: '#e0e9f5',
    hover: '#ccdcf2',
    active: '#b6cdec',
    color: '#004bb9'
  },

  grayLight: {
    static: '#f0f3f7',
    hover: '#e5e9f0',
    active: '#d2d9e6',
    color: '#000'
  },

  redLight: {
    static: '#f4ddde',
    hover: '#f0c9cc',
    active: '#d2d9e6',
    color: '#ed4040'
  },

 
    confirmed: '#e3f2d9',

    error: '#f8e0e0',

    disabled: '#eaebed'

};

interface ButtonProps {
  theme: string;
}