import React from 'react';

export const Logo = ({ collapsed, isDarkMode }) => (
  <div className="logo">
    <div className="flex items-center justify-center gap-2">
      <span className="material-symbols-rounded text-primary-500">
        rocket_launch
      </span>
      <h1
        style={{
          color: isDarkMode ? '#fff' : '#000',
          fontSize: collapsed ? '14px' : '18px',
          margin: 0,
          display: collapsed ? 'none' : 'block',
        }}
      >
        Uppeta
      </h1>
    </div>
  </div>
);