const InLineCode = ({ className, children, ...props }) => {
  const language = className?.replace(/language-/, "");
  console.log(children);
  return (
    <Highlight
      {...defaultProps}
      theme={theme}
      code={children}
      language={language}
    >
      {() => <Inline>{children}</Inline>}
    </Highlight>
  );
};