"use client"
 
import * as React from "react"
 
import { useOrientation } from "@/hooks/use-orientation"
 
export function Component() {
  const { angle, type } = useOrientation()
 
  return (
    <div>
      <p>Orientation Type: {type}</p>
      <p>Rotation Angle: {angle}°</p>
    </div>
  )
}