import { ThemeProvider } from "@material-ui/styles";
import { createMuiTheme } from "@material-ui/core/styles";
import { orange, teal } from "@material-ui/core/colors";
import Typography from "@material-ui/core/Typography";
import MuiLink from "@material-ui/core/Link";
import Box from "@material-ui/core/Box";
import Container from "@material-ui/core/Container";
import { MDXProvider } from "@mdx-js/react";
import React, { ReactNode } from "react";
import Head from "next/head";
import Link from "next/link";
import TopAppBar from "./TopAppBar";
export const theme = createMuiTheme({
palette: {
primary: {
main: orange[900]
},
secondary: {
main: teal[400]
}
},
typography: {
fontFamily: "sans-serif"
}
});
export const components = {
h1: (props: { children: ReactNode }) => (
<>
{props.children}
),
h2: (props: {}) => ,
h3: (props: {}) => ,
h4: (props: {}) => ,
h5: (props: {}) => ,
h6: (props: {}) => ,
a: ({ href, ...props }: { href: string }) => (
)
};
const MainTheme: React.FC = ({ children }) => (
{children}
);
export default MainTheme;