mirror of
https://github.com/kremalicious/portfolio.git
synced 2024-06-15 17:03:26 +02:00
35 lines
804 B
JavaScript
35 lines
804 B
JavaScript
import React from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import Button from '../atoms/Button'
|
|
import Icon from '../atoms/Icon'
|
|
import { projectLinks, title } from './ProjectLinks.module.css'
|
|
|
|
ProjectLinks.propTypes = {
|
|
links: PropTypes.array
|
|
}
|
|
|
|
export default function ProjectLinks({ links }) {
|
|
return (
|
|
<div className={projectLinks}>
|
|
<h3 className={title}>
|
|
Links <span>Learn more on the interwebz.</span>
|
|
</h3>
|
|
|
|
<ul>
|
|
{links.map((link) => {
|
|
const { title, url, icon } = link
|
|
|
|
return (
|
|
<li key={title}>
|
|
<Button href={url} data-testid="link">
|
|
<Icon name={icon ? icon : title} />
|
|
{title}
|
|
</Button>
|
|
</li>
|
|
)
|
|
})}
|
|
</ul>
|
|
</div>
|
|
)
|
|
}
|