import { CaretRightOutlined } from "@ant-design/icons";
import { PageHeader } from "antd";
import Link from "next/link";
import React from "react";

type PageHeaderProps = {
  page_title: string,
  link_to_page: string
}

function PageHeaderComp({page_title, link_to_page} : PageHeaderProps) {
  return (
    <div>
      <PageHeader
        className="site-page-header flex items-center my-4"
        title={
          <h3 style={{ fontSize: "25px", color: "#000", margin: 0 }}>
            {page_title}
            <Link href={`${link_to_page}`} className="flex items-center">
              <a className="text-black text-sm ml-2">
                View more <CaretRightOutlined />
              </a>
            </Link>{" "}
          </h3>
        }
        style={{
          borderTop: "3px solid green",
          borderBottom: "1px solid green",
          paddingTop: "7px",
          paddingBottom: "7px",
        }}
      />
    </div>
  );
}

export default PageHeaderComp;