import React from 'react';
import type { Metadata, Viewport } from 'next';
import '../styles/tailwind.css';

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

export const metadata: Metadata = {
  metadataBase: new URL(process.env.NEXT_PUBLIC_SITE_URL || 'http://localhost:3000'),
  title: 'Елеонора &. Иван - 03.10.26',
  description: 'Срдечно ве покануваме на нашата свадба - Елеонора & Иван.',
  icons: {
    icon: [
      { url: '/assets/images/panda-bear-1780912293741.png', type: 'image/x-icon' }
    ],
  },
  openGraph: {
    title: 'Елеонора &. Иван - 03.10.26',
    description: 'A garden wedding painted in afternoon light. You are invited.',
    images: [{ url: '/assets/images/panda-bear-1780912293741.png', width: 1200, height: 630 }],
  },
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <body>{children}
</body>
    </html>
  );
}