webapp

1
import React from 'react';
2
import { Link } from 'react-router-dom';
3

4
function CardItem(props) {
5
  return (
6
    <>
7
      <li className='cards__item'>
8
        <Link className='cards__item__link' to={props.path}>
9
          <figure className='cards__item__pic-wrap' data-category={props.label}>
10
            <img
11
              className='cards__item__img'
12
              alt='Travel Image'
13
              src={props.src}
14
            />
15
          </figure>
16
          <div className='cards__item__info'>
17
            <h5 className='cards__item__text'>{props.text}</h5>
18
          </div>
19
        </Link>
20
      </li>
21
    </>
22
  );
23
}
24

25
export default CardItem;
26