import React from 'react';
import { NextFunctionComponent, NextContext } from 'next'
import { Skills } from './../interfaces/';

export type Bio = {
    [key: string]: string;
}
export interface Developer extends Skills {
    fullName: string;
    bio: Bio;
}

export const GithubProfile: NextFunctionComponent = (props: Developer): ReactElement => (
    <>
       <h1>So much code to print the bio, read it below :)</h1>
    </>
);

GithubProfile.getInitialProps = async ({ pathname }: NextContext): Developer => {
  const bio: Bio = {
	"- ⚡ Quick bio:":                    "Class 1995, self-taught, lots of fiddling, lots of study and lots of nights. Mainly web development and research at sitisrl.it",
	"- 🔭 I’m currently working on":      "Software engineering in web agency. React, Next Js, PHP and more",
	"- 🌱 I’m currently learning":        "React go deep in NextJs with Typescript. Publish NPM Package. Python data analist pandas",
	"- 👯 I’m looking to collaborate on": "React, Typescript or Python. I dream to study AI e Deep Learning",
	"- 🤔 I’m looking for help with":     "Anything related to what I am currently learning 😅",
	"- 💬 Ask me about":                  "React, Typescript, scss, PHP, Wordpress, javascript"
    };
    
    return { fullName: "Stefano Gagliardi", bio: bio };
}
export default GithubProfile;