20 lines
489 B
JavaScript
20 lines
489 B
JavaScript
|
import React from 'react'
|
||
|
|
|
||
|
|
import './achievement.scss'
|
||
|
|
|
||
|
|
export const Achievement = ({ achievement }) => {
|
||
|
|
return (
|
||
|
|
<div className='achievement'>
|
||
|
|
<div className='achievement__icon'>
|
||
|
|
<img src={achievement.img} />
|
||
|
|
</div>
|
||
|
|
<div className='achievement__popup'>
|
||
|
|
<div className='achievement__title'>{achievement.title}</div>
|
||
|
|
<div className='achievement__description'>
|
||
|
|
{achievement.description}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|