import { LinkListItem, type LinkListItemProps } from './LinkListItem'
import styles from './LinkListItem/linkListItem.module.css'
export interface LinkListProps {
  linkListItems: LinkListItemProps[]
}

export function LinkList({ linkListItems }: LinkListProps) {
  return (
    <ul className={styles.list}>
      {linkListItems.map((item, index) => (
        <li className={styles.linkListItem} key={index}>
          <LinkListItem
            text={item.text}
            isExternal={item.isExternal}
            href={item.href}
            illustration={item.illustration}
            onClick={item.onClick}
          />
        </li>
      ))}
    </ul>
  )
}
