w3bdesign/dfweb-v4

import type { ReactNode } from "react";

export interface IPageHeaderProps {
  children: ReactNode | JSX.Element;
}

/**
 * PageHeader component for rendering the header for each page
 * @function PageHeader
 * @param {children?} children - HTML children to render in the page header component
 * @returns {JSX.Element} - Rendered component
 */

const PageHeader = ({ children }: IPageHeaderProps) => (
  <div className="px-4 p lg:px-0 xl:px-0 md:px-0">
    <div className="container bg-slate-700 shadow rounded h-16 p-4 m-4 mx-auto">
      <h1 className="text-2xl text-center font-bold text-slate-200">
        {children}
      </h1>
    </div>
  </div>
);

export default PageHeader;