import { FC, PropsWithChildren, Fragment } from 'react' import parser from 'html-react-parser' import Head from 'next/head' import type { BlogPageProps } from '@app/types/page' import { Footer } from '@app/components/general/footer' import { NavBar } from '@app/components/blog/navbar' const getProps = (props: any = {}) => { const { children, ...mainProps } = props?.children ? Object.assign({}, props, { dangerouslySetInnerHTML: { __html: props.children, }, }) : props return mainProps } export const BlogPage: FC> = ({ html, websiteUrl, title, links, stylesheets, metas, headScripts = [], bodyScripts = [], footer = true, header = true, }) => { return ( <> {title ? {title} : null} {websiteUrl ? ( ) : null} {links?.map((node, index) => ( ))} {metas?.map((node, index) => { const key = node && (node?.name || node?.property) return ( ) })} {stylesheets?.map((node, index) => { const styleProps = getProps(node) return (