import styles from "../../styling/skillsLinks.module.scss";

interface ILink {
	title: string;
	link: string;
}

const moreInfoLinks: ILink[] = [
	{
		title: "Github",
		link: "https://github.com/KuchtaVR6/"
	},
	{
		title: "LinkedIn",
		link: "https://linkedin.com/in/kuchtap"
	},
	{
		title: "Curriculum Vitae",
		link:  "/PatrykKuchta_CV.pdf"
	}
];

const contactLinks: ILink[] = [
	{
		title: "Email",
		link: "mailto:patryk@kuchta.uk"
	},
	{
		title: "LinkedIn",
		link: "https://linkedin.com/in/kuchtap"
	}
];

const LinksSection = (): JSX.Element => {
	return (
		<div data-aos = {"fade-right"} className={styles.otherLinks}>
			<h2>Find out more about me:</h2>
			<ul>
				{
					moreInfoLinks.map(({ title, link }, key) => {
						return (
							<li key = {key}>
								<a href={link}>
									{title}
								</a>
							</li>
						);
					}
					)
				}
			</ul>
			<h2>Contact me through:</h2>
			<ul>
				{
					contactLinks.map(({ title, link }, key) => {
						return (
							<li key = {key}>
								<a href={link}>
									{title}
								</a>
							</li>
						);
					}
					)
				}
			</ul>
		</div>
	);
};

export default LinksSection;
