buttons.js

import { colorGrayHover, colorGrayLight } from "../colors";

export default {
  outlined: {
    borderColor: colorGrayLight,
    "&:hover": {
      borderColor: colorGrayLight,
      backgroundColor: colorGrayHover,
    },
    "&:disabled": {
      borderColor: colorGrayLight,
      color: colorGrayLight,
    },
  },
  outlinedSecondary: {
    borderColor: colorGrayLight,
    "&:hover": {
      borderColor: colorGrayLight,
      backgroundColor: colorGrayHover,
    },
    "&:disabled": {
      borderColor: colorGrayLight,
      color: colorGrayLight,
    },
  },
};