export const generateReactApp = (
  name: string,
  layoutSpec: any,
  uiSpec: any,
  buildConfig: any
): string => {
  return `import React from 'react';
import './App.css';

function App() {
  return (
    <div className="App">
      <header className="App-header">
        <h1>${name}</h1>
        <p>Generated with Xlibs</p>
      </header>
      <main>
        <p>Your React application is ready!</p>
        <p>Layout sections: ${layoutSpec?.sections?.length || 0}</p>
        <p>UI spec type: ${uiSpec?.type || 'unknown'}</p>
        <p>Stack: ${buildConfig?.stack || 'React + Tailwind'}</p>
      </main>
    </div>
  );
}

export default App;
`;
};