import React from 'react';
import classNames from 'classnames';
import { Link } from 'react-router-dom';
import Image from '../../Elements/Image';
import LogoIcon from '../../../assets/images/logo.svg';

export default function Logo({
  className,
  ...props
}){

  const classes = classNames(
    'brand',
    className
  );

  return (
    <div
      {...props}
      className={classes}
    >
      <h1 className="m-0">
        <Link to="/">
          <Image
            src={LogoIcon}
            alt="Logo Icon"
            width={32}
            height={32} />
        </Link>
      </h1>
    </div>
  );
}