import React from 'react';
import type { ReactNode } from 'react';
import mbiLogo from '../assets/mbi-logo.jpg';

interface LayoutProps {
    children: ReactNode;
}

export const Layout: React.FC<LayoutProps> = ({ children }) => {
    return (
        <>
            <div className="app-header" style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
                <h1>Pile Cap Design - ASCE 7-22 / ACI 318-19</h1>
                <img src={mbiLogo} alt="MBI Logo" style={{ height: '40px', marginRight: '16px' }} />
            </div>
            {children}
        </>
    );
};