resume

1
import { Component, For } from 'solid-js';
2
import { Skill } from '@shared/data';
3
import styles from './SkillList.module.sass';
4
import { Theme } from '@types';
5

6
type SkillListProps = {
7
  data: Skill[];
8
  theme?: Theme;
9
};
10

11
const SkillList: Component<SkillListProps> = (props) => {
12
  return (
13
    <ul class={styles.SkillList}>
14
      <For each={props.data}>{(skill) => (
15
        <li class={styles.SkillList__item}>
16
          <h3 class={styles.SkillList__name}>{skill.name}: </h3>
17
          <For each={skill.skill}>{(icon) => icon}</For>
18
        </li>
19
      )}</For>
20
    </ul>
21
  );
22
};
23

24
export default SkillList;
25