import React from 'react';

const MobileLogo = ({ small = false }) => (
  <div className={`transition-all duration-300 select-none flex items-center justify-center ${small ? 'h-8' : 'h-16'}`} style={{ minHeight: small ? 32 : 64 }}>
    <img
      src="/logo.png"
      alt="Campfire Logo"
      className={small ? 'h-8 w-auto' : 'h-16 w-auto'}
      style={{ objectFit: 'contain', filter: 'drop-shadow(0 1px 2px rgba(0,0,0,0.15))' }}
      draggable={false}
    />
  </div>
);

export default MobileLogo; 