import React from 'react'
import { Inter } from 'next/font/google'

import 'bootstrap/dist/css/bootstrap.min.css';
import 'bootstrap-icons/font/bootstrap-icons.min.css';
import './globals.css'

import { PersonProvider } from './hooks/PersonContext'
import { personalData } from '../PersonalData'

const inter = Inter({ subsets: ['latin'] })

export const metadata = {
  title: personalData.name + ' | CV.',
  description: 'Curriculum Vitae',
}

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="en" id="cv">
      <body className={inter.className}>
        <div className='background'></div>
        <PersonProvider>
          {children}
        </PersonProvider>
        </body>
    </html>
  )
}
