import React from 'react';
import { Link } from 'react-router-dom';

export const AppHeader: React.FC = () => {
  return (
    <header className="app-header">
      <nav className="app-nav">
        <Link to="/" className="app-logo">
          Slideshare
        </Link>
        <div className="nav-actions">
          <Link to="/presentations" className="nav-link">
            My Presentations
          </Link>
          <Link to="/presentations/new" className="nav-button primary">
            Create Presentation
          </Link>
          {/* Theme browsing - Coming soon */}
          <div style={{ display: 'none' }}>
            <Link to="/themes" className="nav-link">
              Themes
            </Link>
          </div>
        </div>
      </nav>
    </header>
  );
};