import React from 'react';
import { IonContent, IonHeader, IonPage, IonRow, IonCol, useIonViewDidEnter } from '@ionic/react';
import bg2 from '../../assets/bg2.png';
import driverlogo from '../../assets/driverlogo.png';
import back from '../../assets/back.png';
import { useHistory, useLocation } from 'react-router-dom';
import $ from 'jquery';


const Base: React.FC = () => {

    const [showDriverOptions, setShowDriverOptions] = React.useState(false);
    const history = useHistory();

    useIonViewDidEnter(() => {
        
    }); 


    const gotodriverhome = () => {
        history.push('/driver');
    }

    return (
        <IonPage>
            <div style={{ backgroundImage: `url(${bg2})` }} className="statisbg">
                <div className="headerpositioningspacer">
                </div>
                <IonRow>
                    <IonCol size="6">
                    </IonCol>
                    <IonCol size="3">
                        <img className="logoname" src={driverlogo} />
                    </IonCol>
                    <IonCol size="3">
                        <img className="logoposhome" onClick={gotodriverhome} src={back} />
                    </IonCol>
                </IonRow>
                <br />
            </div>
        </IonPage>
    );
};

export default Base;