import type { ReactNode } from 'react';
import './layouts.css';

export interface PortfolioLayoutProps {
  header?: ReactNode;
  mainContent: ReactNode;
  footer?: ReactNode;
  fullWidth?: boolean;
}

export function PortfolioLayout({ 
  header, 
  mainContent,
  footer,
  fullWidth = false
}: PortfolioLayoutProps) {
  return (
    <div className={`shared-layout shared-layout--portfolio ${fullWidth ? 'shared-layout--fullwidth' : ''}`}>
      {header && <header className="shared-layout__header">{header}</header>}
      <main className="shared-layout__main">{mainContent}</main>
      {footer && <footer className="shared-layout__footer">{footer}</footer>}
    </div>
  );
}

