import "./boot";
import { ThemeProvider } from "@material-ui/styles";
import {
CssBaseline,
createMuiTheme,
Typography,
Link as MuiLink,
Grid
} from "@material-ui/core";
import { orange, teal } from "@material-ui/core/colors";
import { MDXProvider } from "@mdx-js/tag";
import React, { ReactElement } 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: {
useNextVariants: true,
fontFamily: '"Noto Sans JP", "Helvetica", "Arial", sans-serif'
}
});
export const components = {
h1: (props: {}) => ,
h2: (props: {}) => ,
h3: (props: {}) => ,
h4: (props: {}) => ,
h5: (props: {}) => ,
h6: (props: {}) => ,
a: ({ href, ...props }: { href: string }) => (
)
};
const MainTheme: React.FC<{}> = ({ children }) => (
{children}
);
export default MainTheme;