text: import React from 'react';
  import { useRouteMatch } from "react-router-dom";
  import { useTranslation } from 'react-i18next';
  import './Art.scss';
  
  
  function Art({
      id,
      pictureName,
      image,
      match
  }) {
  
      const [t] = useTranslation();
      let match = useRouteMatch();
      function handleClick() {
          useRouteMatch(`/artView/${id}`);
  
      }
      return (
          <div className="row-eq-height">
              <div className="card">
                  <div className="card-body">
                      <img className="card-img-top rounded"
                          src={image} alt={t(pictureName)} />
                      <div className="art-title" key={pictureName.id} style={{ cursor: 'pointer', textAlign: 'center' }} onClick={handleClick}><h5>{pictureName}</h5></div>
                  </div>
              </div>
          </div>
  
  
      )
  }
  
  export default (Art);