React/Material-UIでfooterを実装

import React from "react";
import { makeStyles } from "@material-ui/core";

const useStyles = makeStyles({
  footer: {
    color: "#ebf6f7",
    backgroundColor: "#0f2350",
    width: "100%",
    position: "absolute",
    bottom: 0,
  },
});

const Footer = () => {
  const classes = useStyles();
  return <div className={classes.footer}>Footer</div>;
};

export default Footer;

import logo from "./logo.svg";
import "./App.css";
import Footer from "./components/ui/Footer";

function App() {
  return (
    <div className="App">
      <Footer />
    </div>
  );
}

export default App;