import React from 'react';
import { RocketOutlined } from '@ant-design/icons';

export const Logo = ({ collapsed, isDarkMode }) => (
  <div className="logo">
    <div className="flex items-center justify-center gap-2">
      <RocketOutlined className="text-2xl text-primary-500" />
      {!collapsed && (
        <h1 className="text-lg font-semibold m-0" style={{ 
          background: 'var(--primary-gradient)',
          WebkitBackgroundClip: 'text',
          WebkitTextFillColor: 'transparent'
        }}>
          Uppeta
        </h1>
      )}
    </div>
  </div>
);