{"size": 599, "ext": "js", "max_stars_repo_path": "src/components/Layout/Title/Title.js", "max_stars_repo_name": "destroymayor/movie-app", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Layout/Title/Title.js", "max_issues_repo_name": "destroymayor/movie-app", "max_issues_repo_issues_event_min_datetime": "2021-08-25T07:17:34.000Z", "max_issues_repo_issues_event_max_datetime": "2021-09-07T03:31:39.000Z", "max_forks_repo_path": "src/components/Layout/Title/Title.js", "max_forks_repo_name": "destroymayor/movie-app", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 4, "max_forks_count": null, "avg_line_length": 28.5238095238, "max_line_length": 163, "alphanum_fraction": 0.6560934891}
import Link from 'next/link';

import routes from '@/constants/routes';
import SearchBar from '@/components/Layout/Title/SearchBar';
import { HomeIcon } from '@heroicons/react/outline';

const Title = () => {
  return (
    <div className="flex items-center">
      <Link href={routes.index} passHref>
        <h1 className="text-4xl text-gray-800 transition duration-200 ease-in-out cursor-pointer dark:text-white hover:text-yellow-500 dark:hover:text-yellow-500">
          <HomeIcon className="w-8 h-8" />
        </h1>
      </Link>
      <SearchBar />
    </div>
  );
};

export default Title;
