From fdff4e5f7c9ebe305802636e53773a0c8cdfb3c9 Mon Sep 17 00:00:00 2001
From: Thomas Ruoff <ThomasRuoff@gmail.com>
Date: Thu, 29 Oct 2020 21:11:47 +0100
Subject: [PATCH] use new Image component

---
 components/header.tsx | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/components/header.tsx b/components/header.tsx
index 73e52d8..d48a3c4 100644
--- a/components/header.tsx
+++ b/components/header.tsx
@@ -1,11 +1,19 @@
 import React from 'react'
 import Link from 'next/link'
+import Image from 'next/image'
 
 export default function Header({ label = 'Pfadi Bussle' }: { label?: string }) {
-    return (
-        <div className="flex flex-row items-center p-3 my-3 text-white bg-gray-600 rounded-sm">
-            <h1 className="flex-grow text-3xl"><Link href="/">{label}</Link></h1>
-            <img src="/logo.webp" className="w-40 mx-3 object-contain object-top" />
-        </div>
-    )
+  return (
+    <div className="flex flex-row items-center p-3 my-3 text-white bg-gray-600 rounded-sm">
+      <h1 className="mr-3 flex-grow text-3xl">
+        <Link href="/">{label}</Link>
+      </h1>
+      <Image
+        src="/logo.webp"
+        alt="Logo Freundeskreis VCP Rosenfeld"
+        width="160"
+        height="44"
+      />
+    </div>
+  )
 }