//react import
import React from 'react';
import Image from 'next/image';
import Link from 'next/link';

import UserImage from '../../../../public/images/image3.jpg';

//import style
import s from './UserIcon.module.scss';

const UserIcon = () => {
  return (
    <figure className={s.imageContainer}>
      <Link href="/profile">
        <Image src={UserImage} alt="User Icon" placeholder="blur" fill={true} />
      </Link>
    </figure>
  );
};

export default UserIcon;