resume

1
import { Component, For, JSX } from 'solid-js';
2
import { Chip } from '@uikit';
3
import { ChipListData } from '@shared/data';
4
import styles from './ChipList.module.sass';
5

6
export type ChipListProps = {
7
  children?: JSX.Element;
8
  data?: ChipListData[];
9
  selected?: boolean;
10
};
11

12
const ChipList: Component<ChipListProps> = (props) => {
13
  return (
14
    <ul
15
      classList={{ [styles.ChipList]: true, }}
16
    >
17
      {props.data ?
18
        (
19
          <For each={props.data}>{(chip) => (
20
            <li class={styles.ChipList__item}>
21
              <Chip
22
                as='a'
23
                href={chip.link} 
24
                target="_blank"
25
                leftIcon={chip.icon}
26
              >
27
                {chip.title}
28
              </Chip>
29
            </li>)}
30
          </For> )
31
        : props.children}
32
    </ul>
33
  );
34
};
35

36
export default ChipList;
37