import header from './_header.html?raw'
import footer from './_footer.html?raw'

// Envolve as páginas do blog no mesmo wrapper das páginas capturadas.
// A classe elementor-kit-6 define as variáveis globais (--e-global-color-*,
// fontes) das quais o header e o footer dependem.
export default function Layout({ children }) {
  return (
    <div className="elementor-kit-6 elementor-page elementor-default">
      <div className="bn-siteheader" dangerouslySetInnerHTML={{ __html: header }} />
      <main>{children}</main>
      <div dangerouslySetInnerHTML={{ __html: footer }} />
    </div>
  )
}
