getLinkStyles = ({ color, colorMode }) => {
  const _color = { light: `${color}.400`, dark: `${color}.200` }
  const _activeColor = { light: `${color}.700`, dark: `${color}.500` }
  return {
    p: 0,
    height: 'auto',
    lineHeight: 'normal',
    color: _color[colorMode],
    _hover: {
      textDecoration: 'underline'
    },
    _active: {
      color: _activeColor[colorMode]
    }
  }
}
@description Get link button style values
@param {Object} props - Style props object
@returns {Object} - Solid styles object