import React from 'react';

interface LogoProps {
  collapsed?: boolean;
}

const Logo: React.FC<LogoProps> = ({ collapsed }) => {
  return (
    <div style={{ 
      display: 'flex', 
      alignItems: 'center', 
      justifyContent: 'center',
      height: '100%',
    }}>
      <img 
        src="/logo.svg" 
        alt="KRA Admin" 
        style={{ 
          height: 32, 
          width: 32,
        }} 
      />
      {!collapsed && (
        <span style={{ 
          marginLeft: 8, 
          fontSize: 18, 
          fontWeight: 'bold',
          color: '#3b82f6',
        }}>
          KRA Admin
        </span>
      )}
    </div>
  );
};

export default Logo;
