import { PlanHeaderMetaChips } from "@/features/plan/ui/header/PlanHeaderMetaChips";

type PlanHeaderHeroColumnProps = {
  clinicName: string;
  clinicNameEn: string;
  date: string;
  targetUrl: string;
};

/** DEMO `PlanHeader` 좌측 타이포·간격과 동일 */
export function PlanHeaderHeroColumn({
  clinicName,
  clinicNameEn,
  date,
  targetUrl,
}: PlanHeaderHeroColumnProps) {
  return (
    <div className="flex-1 text-center md:text-left">
      <p className="text-xs font-semibold text-[#6C5CE7] mb-4 tracking-widest uppercase break-keep">
        Marketing Execution Plan
      </p>

      <h1 className="font-serif text-4xl md:text-5xl font-bold text-[#0A1128] mb-3 break-keep">
        {clinicName}
      </h1>

      <p className="text-xl text-slate-600 mb-8 break-keep">{clinicNameEn}</p>

      <PlanHeaderMetaChips date={date} targetUrl={targetUrl} />
    </div>
  );
}
