getFlatStyles = ({ color, colorMode, theme }) => {
  const _color = theme.colors[color] && theme.colors[color][200]
  const result = {
    light: {
      color: `${color}.400`,
      bg: 'transparent',
      _hover: {
        bg: `${color}.50`
      },
      _active: {
        bg: `${color}.100`
      }
    },
    dark: {
      color: `${color}.200`,
      bg: 'transparent',
      _hover: {
        bg: addOpacity(_color, 0.12)
      },
      _active: {
        bg: addOpacity(_color, 0.24)
      }
    }
  }
  return result[colorMode]
}
@description Get flat button style values
@param {Object} props - Style Props
@returns {Object} - Ghost styles object