import { AFrameScene } from '../../components/AframeScene'
import htmlContent from './cube.html?raw';
import { placementComponent } from '../../aframe-components/placement'
import useOnPlacement from '../../hooks/useOnPlacement';

const Experience = () => {

  const { isPlaced } = useOnPlacement()
  
  return (
    <>
      <AFrameScene components={[placementComponent]} sceneHtml={htmlContent} />
      {isPlaced && <span className='fixed left-3 top-3 text-white z-10'>POSICIONADO!!</span>}
    </>
  )
}

export default Experience