import { colorInfo } from './style'

export default {
  button: {
    borderWidth: 2,
    borderRadius: '10px',
    padding: '0 0 0 0',
    background: colorInfo.panelButtonBackground,
    verticalAlign: 'middle',
    outline: 'none',
    ':hover': {
      background: colorInfo.panelButtonBackgroundHover,
    },
    ':disabled': {
      background: colorInfo.disabledPanelButtonBackground,
    },
    ':active': {
      borderWidth: 0,
      background: colorInfo.panelButtonBackgroundActive,
    }
  }
}