import * as React from 'react'
import '@fontsource/sora/300.css' // light
import '@fontsource/sora/400.css' // normal
import '@fontsource/sora/500.css' // medium
import '@fontsource/sora/600.css' // semibold
import '@fontsource/source-sans-pro/400.css' // normal
import '@fontsource/source-sans-pro/600.css' // semibold
import './src/styles/global.css'

export function wrapPageElement({ element, props }) {
  const Layout = element.type.Layout ?? React.Fragment
  return <Layout {...props}>{element}</Layout>
}