import React from 'react';

interface PageHeaderProps {
  /** 현재 페이지의 상위 타이틀 (예: 사업소개) */
  title: string;

  /** 현재 페이지의 하위 타이틀 (예: 정보통신공사) */
  subTitle: string;
}

/**
 * 페이지 상단에 표시되는 헤더 컴포넌트
 */
const PageHeader: React.FC<PageHeaderProps> = ({ title, subTitle }) => {
  return (
    <div className="w-full border-b-3 border-gray-300 py-5">
      <div className="max-w-7xl mx-auto flex flex-col gap-2">
        <h2 className="text-3xl text-blue-900 font-bold font-['Inter']">
          {subTitle}
        </h2>
        <div className="text-sm text-gray-400 font-['Inter'] self-end">
          {`HOME > ${title} > ${subTitle}`}
        </div>
      </div>
    </div>
  );
};

export default PageHeader;
