text: import { Flex } from "@chakra-ui/react"
  
  export default function ArticleLayout({ children, ...rest }) {
    return (
      <Flex as="main" w="100%" direction="column">
        <Flex
          as="article"
          itemScope
          itemType="https://schema.org/Article"
          direction="column"
          maxW="750px"
          w="full"
          mx="auto"
          py={10}
          px={{ base: 4, lg: 0 }}
          {...rest}
        >
          {children}
        </Flex>
      </Flex>
    )
  }
  