import { Text3D } from '@react-three/drei'
import * as THREE from 'three'

export default function NeonText3D({ text }) {
  return (
    <Text3D
      font="/fonts/Orbitron_Bold.json"
      size={1.5}
      height={0.4}
      curveSegments={12}
      bevelEnabled
      bevelThickness={0.02}
      bevelSize={0.02}
      bevelOffset={0}
      bevelSegments={5}
    >
      {text}
      <meshPhysicalMaterial
        color="#000"
        emissive="#00ffff"
        emissiveIntensity={2}
        clearcoat={1}
        clearcoatRoughness={0.2}
      />
    </Text3D>
  )
}