import React, { Component } from 'react';
import Terminal from 'react-console-emulator';
import Files from './emulation/files';
import commands from './emulation/commands';

const welcome = `
Welcome to my resume!
Type 'help' for list of commands.
`;

const inputStyle = { color: '#2e8b7e', fontWeight: 'bold' };

export class Base extends Component {
    render() {
        return (
            <Terminal
                commands={commands}
                welcomeMessage={welcome}
                promptLabel={
                    <pre>
                        user@blek.codes 
                        <span style={{color: '#2968ac'}}> ~/resume </span>
                        <span style={{color: '#ff5092'}}>(
                            <span style={{color:'limegreen'}}>master</span>
                        ) </span>
                        $ 
                        </pre>
                }

                style={{height:'100%'}}

                promptLabelStyle={inputStyle}
                inputTextStyle={{...inputStyle, color: '#5ba2b0', transform: 'translateY(2px)'}}

                styleEchoBack={'fullInherit'}
            />
        )
    }
}