// src/components/Layout.jsx
import { Link } from 'react-router-dom';

export default function Layout({ children }) {
  return (
    <div style={{ display: 'flex', minHeight: '100vh' }}>
      {/* Боковое меню */}
      <aside style={{ width: 200, background: '#f4f4f4', padding: '1rem' }}>
        <h3>Меню</h3>
        <nav>
          <ul style={{ listStyle: 'none', padding: 0 }}>
            <li><Link to="/builds">Сборки</Link></li>
            <li><Link to="/builds/new">Новая сборка</Link></li>
            <li><Link to="/ai">ИИ подбор</Link></li>
            <li><Link to="/login">Вход</Link></li>
            <li><Link to="/register">Регистрация</Link></li>
          </ul>
        </nav>
      </aside>

      {/* Основной контент */}
      <main style={{ flex: 1, padding: '1rem' }}>
        {children}
      </main>
    </div>
  );
}