import React from 'react';

interface LayoutProps {
  children: React.ReactNode;
}

const Layout: React.FC<LayoutProps> = ({ children }) => {
  return (
    <div className="app-root">
      <header className="app-header">
        <div className="app-header-title">
          <span className="app-logo">📄</span>
          <div>
            <h1>PDF Workbench</h1>
            <small>All in your browser</small>
          </div>
        </div>
      </header>
      <main className="app-main">{children}</main>
    </div>
  );
};

export default Layout;