/*
auto-generated by: https://github.com/pmndrs/gltfjsx
*/
import React, { useRef } from 'react'
import { useGLTF } from '@react-three/drei/useGLTF'

export default function Model(props) {
  const group = useRef()
  const { nodes, materials } = useGLTF('/model/computer.glb')
  console.log(nodes)
  return (
    <group ref={group} dispose={null}>
      <group {...props} scale={[0.3, 0.3, 0.3]}>
        <mesh material={materials['Material.003']} geometry={nodes.Cube009.geometry} />
        <mesh
          material={materials['Material.004']}
          geometry={nodes['Cube.009_1'].geometry}
        />
        <mesh
          material={materials['Material.002']}
          geometry={nodes['Cube.009_2'].geometry}
        />
      </group>
    </group>
  )
}

useGLTF.preload('/model/computer.glb')