import React from 'react';

interface HeaderProps {
    rightContent?: React.ReactNode;
}

export const Header = ({ rightContent }: HeaderProps) => {
    return (
        <div className="w-full bg-[#1e3a8a] text-white p-3 sm:p-6 rounded-lg mb-3 sm:mb-4 shadow-md flex items-center justify-between gap-3">
            <div className="flex flex-col justify-center min-w-0">
                <h1 className="text-base sm:text-2xl font-bold mb-0.5 sm:mb-1 truncate">품질인정심사 시스템</h1>
                <p className="text-xs sm:text-sm opacity-80 text-blue-100 truncate">SAM - Smart Automation Management</p>
            </div>
            {rightContent && (
                <div className="flex items-center shrink-0">
                    {rightContent}
                </div>
            )}
        </div>
    );
};
