1import SkillList from "./SkillList";
2
3interface TechSkillProps {
4 javaScript: boolean;
5 typescript: boolean;
6 react: boolean;
7 vue: boolean;
8 git: boolean;
9 testing: boolean;
10 apiIntegration: boolean;
11}
12
13interface SoftSkillProps {
14 problemSolving: boolean;
15 communication: boolean;
16 teamWork: boolean;
17 adaptability: boolean;
18 empathy: boolean;
19 initiative: boolean;
20}
21
22const Profile = ( {
23 techSkills ,
24 softSkills ,
25} : {
26 techSkills : TechSkillProps [] ;
27 softSkills : SoftSkillProps [] ;
28} ) => {
29 return (
30 <div>
31 <h1>Issa Dia</h1>
32 <h2>Frontend Developer</h2>
33 <h3>Technical Skills</h3>
34 <SkillList skills = {techSkills} />
35 <h3>Soft Skills</h3>
36 <SkillList skills = {softSkills} />
37 </div>
38 ) ;
39} ;
40export default Profile ;