2021-05-27 01:07:54 +00:00
|
|
|
import React from "react";
|
|
|
|
import { Link } from "react-router-dom";
|
2021-05-25 21:40:27 +00:00
|
|
|
|
|
|
|
function CardItem(props) {
|
2021-05-27 01:07:54 +00:00
|
|
|
return (
|
|
|
|
<>
|
|
|
|
<li className="cards__item">
|
|
|
|
<Link className="cards__item__link" to={props.path}>
|
|
|
|
<figure className="cards__item__pic-wrap" data-category={props.label}>
|
|
|
|
<img
|
|
|
|
src={props.src}
|
|
|
|
alt="Travel Image"
|
|
|
|
className="cards__item__img"
|
|
|
|
/>
|
|
|
|
</figure>
|
|
|
|
<div className="cards__item__info">
|
|
|
|
<h5 className="cards__item__text">{props.text}</h5>
|
|
|
|
</div>
|
|
|
|
</Link>
|
|
|
|
</li>
|
|
|
|
</>
|
|
|
|
);
|
2021-05-25 21:40:27 +00:00
|
|
|
}
|
|
|
|
|
2021-05-27 01:07:54 +00:00
|
|
|
export default CardItem;
|