// Transform SVG to 3D model
import { SVGLoader } from 'three/examples/jsm/loaders/SVGLoader'
import { Canvas } from '@react-three/fiber'

function SVGTo3D({ svgPath }) {
  const { paths } = useSVGLoader(svgPath)
  
  return (
    <Canvas>
      <ambientLight intensity={0.5} />
      <spotLight position={[10, 10, 10]} />
      {paths.map((path, i) => (
        <mesh key={i}>
          <extrudeGeometry 
            args={[path.toShapes(true)[0], { 
              depth: 20,
              bevelEnabled: true 
            }]} 
          />
          <meshPhongMaterial color="#F3B518" />
        </mesh>
      ))}
      <OrbitControls />
    </Canvas>
  )
}