'use client';

import { Package } from 'lucide-react';

export interface FormHeaderProps {
  mode: 'create' | 'edit';
}

/**
 * 헤더 컴포넌트 - 타이틀만 표시 (버튼은 하단 sticky로 이동)
 */
export function FormHeader({
  mode,
}: FormHeaderProps) {
  return (
    <div className="flex items-start gap-3">
      <div className="p-2 bg-primary/10 rounded-lg hidden md:block">
        <Package className="w-6 h-6 text-primary" />
      </div>
      <div>
        <h1 className="text-xl md:text-2xl">
          {mode === 'create' ? '품목 등록' : '품목 수정'}
        </h1>
        <p className="text-sm text-muted-foreground mt-1">
          품목 정보를 입력하세요
        </p>
      </div>
    </div>
  );
}
