'use client';
import React from 'react';
import { Inter } from 'next/font/google';
import '../styles/globals.css';
const inter = Inter({ subsets: ['latin'] });
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<html lang="en" className="h-full">
<head>
<title>DrawIt - AI Drawing Workspace</title>
<meta name="description" content="AI-powered drawing workspace with MCP integration" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="DrawIt" />
<link rel="manifest" href="/manifest.json" />
<link rel="apple-touch-icon" href="/icons/apple-touch-icon.png" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css" />
</head>
<body className={`${inter.className} h-full bg-gray-50 overflow-hidden`}>
<div id="root" className="h-full">
{children}
</div>
</body>
</html>
);
}
