text: export default {
    lightTheme: {
      button: {
        primary: {
          background: {
            main: "#37474F",
            hover: "#ECEFF1",
            active: "#37474F",
          },
          borderColor: {
            main: "#37474F",
            hover: "#ECEFF1",
            active: "#37474F",
          },
          color: {
            main: "#FFFFFF",
            hover: "#37474F",
            active: "#FFFFFF",
          },
        },
        secondary: {
          background: {
            main: "transparent",
            hover: "#ECEFF1",
            active: "#37474F",
          },
          borderColor: {
            main: "#37474F",
            hover: "#ECEFF1",
            active: "#37474F",
          },
          color: {
            main: "#37474F",
            hover: "#37474F",
            active: "#FFFFFF",
          },
        },
      },
    },
    darkTheme: {
      button: {
        primary: {
          background: {
            main: "#FFFFFF",
            hover: "transparent",
            active: "#FFFFFF",
          },
          borderColor: {
            main: "#FFFFFF",
            hover: "#37474F",
            active: "#FFFFFF",
          },
          color: {
            main: "#37474F",
            hover: "#FFFFFF",
            active: "#37474F",
          },
        },
        secondary: {
          background: {
            main: "#37474F",
            hover: "transparent",
            active: "#FFFFFF",
          },
          borderColor: {
            main: "#37474F",
            hover: "#37474F",
            active: "#FFFFFF",
          },
          color: {
            main: "#FFFFFF",
            hover: "#FFFFFF",
            active: "#37474F",
          },
        },
      },
    },
    saTheme: {
      button: {
        primary: {
          background: {
            main: "#37474F",
            hover: "#ECEFF1",
            active: "#37474F",
          },
          borderColor: {
            main: "#37474F",
            hover: "#ECEFF1",
            active: "#37474F",
          },
          color: {
            main: "#FFFFFF",
            hover: "#37474F",
            active: "#FFFFFF",
          },
        },
        secondary: {
          background: {
            main: "transparent",
            hover: "#ECEFF1",
            active: "#37474F",
          },
          borderColor: {
            main: "#37474F",
            hover: "#ECEFF1",
            active: "#37474F",
          },
          color: {
            main: "#37474F",
            hover: "#37474F",
            active: "#FFFFFF",
          },
        },
      },
    },
  };
  