import React from 'react'
import { Vector3, Euler } from 'three'

interface RampProps {
    position: [number, number, number]
    rotation: [number, number, number]
}

export function Ramp({ position, rotation }: RampProps) {
    return (
        <mesh position={new Vector3(...position)} rotation={new Euler(...rotation)} userData={{ isGround: true }}>
            {/* A wedge shape using a box geometry rotated or a custom geometry */}
            {/* For simplicity, let's use a box rotated to form a ramp */}
            <boxGeometry args={[4, 1, 10]} />
            <meshStandardMaterial color="orange" />
        </mesh>
    )
}
