import React, { Component } from 'react';
import Name from './Name';
import TechStack from './TechStack';
import Tools from './Tools';
import Os from './Os';
import { ProfileInfo } from './types';
class Profile extends Component {
profileData: ProfileInfo = {
name: "Bagas Tresna Nanda MS",
techStack: ["React", "Laravel", "Node.js", "React", "PHP", "HTML", "Css", "TypeScript", "JavaScript", "Tailwind Css", "BootStrap", "Astro"],
tools: ["VSCode", "Git", "XAMPP", "NPM"],
os: "Windows 11 / Arch Linux",
};
render() {
return (
<div style={{ padding: 20, maxWidth: 600, margin: "auto", background: "#f4f4f4", borderRadius: 10 }}>
<h1>Hello! I'm <Name name={this.profileData.name} /></h1>
<p>Tech Stack: <TechStack stack={this.profileData.techStack} /></p>
<p>Tools I use: <Tools tools={this.profileData.tools} /></p>
<p>Operating System: <Os os={this.profileData.os} /></p>
</div>
);
}
}
export default Profile;
