1 files changed, 32 insertions, 0 deletions
diff --git a/src/frontend/app/components/layout/Header.tsx b/src/frontend/app/components/layout/Header.tsx
new file mode 100644
index 0000000..2bdd764
--- /dev/null
+++ b/src/frontend/app/components/layout/Header.tsx
@@ -0,0 +1,32 @@
+import { Menu } from "lucide-react";
+import React from "react";
+import "./Header.css";
+
+interface HeaderProps {
+  title?: string;
+  onMenuClick?: () => void;
+  className?: string;
+}
+
+export const Header: React.FC<HeaderProps> = ({
+  title = "Busurbano",
+  onMenuClick,
+  className = "",
+}) => {
+  return (
+    <header className={`app-header ${className}`}>
+      <div className="app-header__left">
+        <h1 className="app-header__title">{title}</h1>
+      </div>
+      <div className="app-header__right">
+        <button
+          className="app-header__menu-btn"
+          onClick={onMenuClick}
+          aria-label="Menu"
+        >
+          <Menu size={24} />
+        </button>
+      </div>
+    </header>
+  );
+};