Untitled

import React from 'react';
import { Menu, Input, Layout } from 'antd';
import { SearchOutlined } from '@ant-design/icons';
import './ManistryHeader.css'; // Import custom CSS for additional styling
import logo from '../../Assets/english-bwaba-logo-light.png';

const { Header } = Layout;

const ManistryHeader = () => {
  return (
    <Layout>
      <Header className="navbar">
        <div className="logo">
          <img src={logo} alt="Logo" />
        </div>
        <Menu mode="horizontal" className="menu">
          <Menu.Item key="oman">
            <a href="/oman">OMAN</a>
          </Menu.Item>
          <Menu.Item key="hm-the-sultan">
            <a href="/hm-the-sultan">HM THE SULTAN</a>
          </Menu.Item>
          <Menu.Item key="ministry-of-information">
            <a href="/ministry-of-information">MINISTRY OF INFORMATION</a>
          </Menu.Item>
          <Menu.Item key="policies">
            <a href="/policies">POLICIES</a>
          </Menu.Item>
          <Menu.Item key="sultan-qaboos">
            <a href="/sultan-qaboos">SULTAN QABOOS</a>
          </Menu.Item>
          <Menu.Item key="oman-2040">
            <a href="/oman-2040">OMAN 2040</a>
          </Menu.Item>
          <Menu.Item key="oman-media">
            <a href="/oman-media">OMAN MEDIA</a>
          </Menu.Item>
        </Menu>
        <div className="search-container">
        
        </div>
      </Header>
    </Layout>
  );
};

export default ManistryHeader;