Add responsive table component

src/components/ResponsiveTable/ResponsiveTable.tsx

@@ -0,0 +1,29 @@
+import Table from "@material-ui/core/Table";
+import { makeStyles } from "@material-ui/styles";
+import React from "react";
+
+const useStyles = makeStyles(
+  () => ({
+    root: {
+      overflowX: "auto"
+    }
+  }),
+  {
+    name: "ResponsiveTable"
+  }
+);
+
+const ResponsiveTable: React.FC = props => {
+  const { children } = props;
+
+  const classes = useStyles(props);
+
+  return (
+    <div className={classes.root}>
+      <Table>{children}</Table>
+    </div>
+  );
+};
+
+ResponsiveTable.displayName = "ResponsiveTable";
+export default ResponsiveTable;

src/components/ResponsiveTable/index.ts

@@ -0,0 +1,2 @@
+export { default } from "./ResponsiveTable";
+export * from "./ResponsiveTable";