"use client"
 
import { useDeviceDetect } from "@/hooks/use-device-detect"
 
export function Component() {
  const { isMobile, isTablet, isDesktop, userAgent } = useDeviceDetect()
 
  return (
    <div>
      <p>
        Device Type: {isMobile ? "Mobile" : isTablet ? "Tablet" : "Desktop"}
      </p>
      <p>User Agent: {userAgent}</p>
    </div>
  )
}