function useAvatarStyles ({ size, name, showBorder, borderColor, theme, colorMode }) {
  const { colors } = theme

  const bg = name ? string2Hex(name) : colors.gray[400]
  const color = name ? (isDarkColor(bg) ? '#fff' : 'gray.800') : '#fff'
  const _borderColor = { light: '#fff', dark: 'gray.800' }

  const baseProps = {
    display: 'inline-flex',
    rounded: 'full',
    alignItems: 'center',
    flexShrink: '0',
    justifyContent: 'center',
    position: 'relative'
  }

  return {
    ...baseProps,
    w: avatarSizes[size],
    h: avatarSizes[size],
    bg,
    color,
    ...(showBorder && {
      border: '2px',
      borderColor: borderColor || _borderColor[colorMode]
    })
  }
}
@description Evaluate style props for avatar
@param {{ size: String, name: String, showBorder: Boolean, borderColor: String, theme: Function colorMode: String }} param0
@returns {Object} Style props object