import { useGLTF, OrbitControls } from '@react-three/drei'
import { useFrame } from '@react-three/fiber'
import * as THREE from 'three'

export default function AvatarHologram() {
  const { scene } = useGLTF('/models/developer_avatar.glb')
  
  useFrame(({ clock }) => {
    scene.rotation.y = clock.getElapsedTime() * 0.3
  })

  return (
    <primitive 
      object={scene} 
      position={[0, -1, 0]} 
      scale={[0.8, 0.8, 0.8]}
    >
      <meshStandardMaterial 
        color="#00ffff" 
        emissive="#00ffff"
        emissiveIntensity={1.5}
        transparent
        opacity={0.8}
        side={THREE.DoubleSide}
      />
    </primitive>
  )
}