import './Header.css';

interface HeaderProps {
  onGoHome?: () => void;
}

export function Header({ onGoHome }: HeaderProps) {
  return (
    <header class="header">
      <div class="header-content">
        <div style={{ display: 'flex', alignItems: 'center', cursor: 'pointer' }} onClick={onGoHome}>
          <img src="/assets/mindforge.png" alt="Mindforge" width="55" height="55" style={{ marginRight: '10px' }} />

          <h1 class="header-title">Mindforge</h1>
        </div>
      </div>
    </header>
  );
}
