diff --git a/index.d.ts b/index.d.ts
index 63eb288fe6e67c6ae6724ef532353a4b871313cb..628fd0aed25de319251e2dee405808173952fbed 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -59,7 +59,10 @@ interface TocProps {
 }
 export function Toc(props: TocProps): JSX.Element;
 
-interface Iheader {}
+interface Iheader {
+	className?: string
+	logo?: any
+}
 export function Header(props: Iheader): JSX.Element;
 
 interface LinkProps {
diff --git a/src/components/core/Header.tsx b/src/components/core/Header.tsx
index 076591309652d5c980fdf27918f60129fd138ed5..428c39651cff5170166443a2c80b2a2ca2b7236d 100644
--- a/src/components/core/Header.tsx
+++ b/src/components/core/Header.tsx
@@ -5,11 +5,17 @@ import logoSig from "../../images/logo-egeo.png";
 import MenuMobile from "./menuMobile";
 import Profil from "./Profil";
 
-const Header = () => {
+interface Iheader {
+	className?: string
+	logo?: any
+}
+
+const Header = (props: Iheader) => {
+  const {className='', logo} = props
   return (
     <>
-      <div className="navbar bg-base-100 sticky top-0">
-      <div className="navbar-start">
+      <div className="navbar bg-accent sticky top-0">
+        <div className="navbar-start">
           <div className="dropdown">
             <label tabIndex={0} className="btn btn-ghost lg:hidden">
               <svg
diff --git a/src/pages-doc/doc/core/header.tsx b/src/pages-doc/doc/core/header.tsx
index bacfe51ca229dc424bd96150809a1cb000820e4b..b513e75aef86841cb03803ea6dbce7b7c047d383 100644
--- a/src/pages-doc/doc/core/header.tsx
+++ b/src/pages-doc/doc/core/header.tsx
@@ -14,7 +14,10 @@ const header = () => {
         <div className="mockup-code">
           <pre>
             <code>
-              {`No interface`}
+              {`interface Iheader {
+	className?: string
+	logo?: any
+}`}
             </code>
           </pre>
         </div>