import { useRequestHeaders } from '#app'

export function useClientDevice() {
  const isMobileDevice = () => {
    let userAgent = navigator ? navigator.userAgent : null

    if (userAgent === null) {
      const headers = useRequestHeaders()
      userAgent = headers.userAgent
    }

    if (!userAgent) {
      return false
    }

    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
      userAgent
    )
  }

  return {
    isMobileDevice,
  }
}