fga-eps-mds/2019.2-Vsign

import React, { Fragment } from 'react';
import { FlexboxGrid, Steps } from 'rsuite';
import { Section } from './styles';
import { withRouter } from 'react-router-dom';

function SigningSteps(history) {
    let url =  history.history.location.pathname;
    let current = 0;
    
    switch (url) {
        case "/introduction":
            current = 0
            break;
        case "/upload_document":
            current = 1
            break;
        case "/record":
            current = 3
            break;
        case "/script":
            current = 2
            break;
        case "/review":
            current = 4
            break;
        default:
            break;
    }
    return <Fragment />
    return (
        <Section>
            <FlexboxGrid justify="center">
                <FlexboxGrid.Item colspan={15}>
                    <Steps current={current}>
                        <Steps.Item title="Instruções" description="Saiba como assinar o contrato." />
                        <Steps.Item title="Documento" description="Importe o seu documento de identificação." />
                        <Steps.Item title="Revisar Roteiro" description="Importe o seu documento de identificação." />
                        <Steps.Item title="Assinatura" description="Grave o vídeo de assinatura do contrato." />
                        <Steps.Item title="Revisão" description="Revise a sua assinatura." />
                    </Steps>
                </FlexboxGrid.Item>
            </FlexboxGrid>
        </Section>
    );
};


export default withRouter(SigningSteps);