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 h-16 sm:h-24">
            <div className="flex flex-col justify-center">
                <h1 className="text-lg sm:text-2xl font-bold mb-0.5 sm:mb-1">품질인정심사 시스템</h1>
                <p className="text-xs sm:text-sm opacity-80 text-blue-100">SAM - Smart Automation Management</p>
            </div>
            {rightContent && (
                <div className="flex items-center">
                    {rightContent}
                </div>
            )}
        </div>
    );
};
