import type { Metadata, Viewport } from 'next'
import './globals.css'
import { ServiceWorkerRegister } from '@/components/sw-register'
import { PullToRefresh } from '@/components/pull-to-refresh'
import { Hotkeys } from '@/components/hotkeys'

export const metadata: Metadata = {
  title: 'eorganize',
  description: 'Household inventory — photos, locations, fast lookup',
  manifest: '/manifest.json',
  appleWebApp: {
    capable: true,
    statusBarStyle: 'black-translucent',
    title: 'eorg',
  },
}

export const viewport: Viewport = {
  width: 'device-width',
  initialScale: 1,
  maximumScale: 5,
  userScalable: true,
  themeColor: '#0a7f5f',
  viewportFit: 'cover',
}

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="en">
      <body className="antialiased overscroll-y-none">
        <ServiceWorkerRegister />
        <PullToRefresh />
        <Hotkeys />
        {children}
      </body>
    </html>
  )
}
