import type { Metadata, Viewport } from 'next';
import './globals.css';
import Providers from '@/components/Providers';
import SWRegister from '@/components/SWRegister';

export const metadata: Metadata = {
  title: 'IPFS Portal',
  description: 'Decentralized storage management for your IPFS node',
  manifest: '/manifest.json',
  icons: { icon: '/favicon.svg' },
};

export const viewport: Viewport = {
  width: 'device-width',
  initialScale: 1,
  themeColor: '#0891b2',
};

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en" className="dark" suppressHydrationWarning>
      <body className="min-h-screen antialiased">
        <SWRegister />
        <Providers>{children}</Providers>
      </body>
    </html>
  );
}