import { useWindowDimensions } from 'react-native'
import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../utils'
import { useFontScale } from './use_font_scale'

const VIEWPORT_FRACTION = 0.22
const BASE_DIAMETER = 80

export function usePreviewAvatarDiameter() {
  const { width } = useWindowDimensions()
  const fontScale = useFontScale({ maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK })
  return Math.min(BASE_DIAMETER * fontScale, width * VIEWPORT_FRACTION)
}