guild_front/src/components/Outstaffing/OutstaffingBlock.js

20 lines
483 B
JavaScript
Raw Normal View History

2021-06-01 15:25:01 +03:00
import style from './Outstaffing.module.css';
2021-06-01 17:28:09 +03:00
const OutstaffingBlock = ({ text, image, data, onClick }) => {
2021-06-01 15:25:01 +03:00
return (
<div className={style.outstaffing__box}>
<img src={image} alt="img" />
<p>{text}</p>
<ul className={style.items}>
{data.map((item, index) => (
2021-06-01 17:28:09 +03:00
<li key={index.toString()} onClick={() => onClick(index)}>
2021-06-01 15:25:01 +03:00
{index} {item}
</li>
))}
</ul>
</div>
);
};
export default OutstaffingBlock;