import React from "react";

import { useAuth } from "../hooks";
import { ItemPage } from "../components/item/ItemPage";


export const Home = () => {
  const { user } = useAuth();
  return (
    <div>

      <h1>Home page</h1>
      {user && <h2>Hello {user.user.username}</h2>}
      <ItemPage items={
        [
          {
            brandName:"GlubGlub GabGalab"
          },{
            brandName:"GlubGlub GabGalab2"
          },{
            brandName:"GlubGlub GabGalab"
          },{
            brandName:"GlubGlub GabGalab2"
          },{
            brandName:"GlubGlub GabGalab"
          },{
            brandName:"GlubGlub GabGalab2"
          }
      ]
      }></ItemPage>
    </div>
  );
};
