import React from 'react'

/* Media */
import './globe.css'

/* Views & Components */


/* UI Framework */
import { Button, Pane, Text } from 'evergreen-ui'

/* Cesium */
// import { Viewer, Entity } from "resium"
// import { Cartesian3 } from "cesium"

const Globe = (props) => {
    /* States */
    // const [authUIState, setAuthUIState] = React.useState("login")

    /* Data */
    // const position = Cartesian3.fromDegrees(-74.0707383, 40.7117244, 100)
    const pointConfig = { pixelSize: 10 }

    return (
        <Pane className={`chroma-globe`}>
            <Viewer full>
                {/* <Entity position={position} point={pointConfig} /> */}
            </Viewer>
        </Pane>
    )
}

export default Globe
