Create ItemTableFilter component

src/components/ItemTableFilter/ItemTableFilter.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { TextField } from "@material-ui/core";
+
+export default function ItemTableFilter({ label, onChange }) {
+    return (
+        <>
+            <TextField
+                label={label}
+                onChange={onChange}
+                type="search"
+                size="small"
+                color="secondary"
+                variant="outlined"
+                fullWidth
+            />
+        </>
+    );
+};
+
+ItemTableFilter.propTypes = {
+    /** The label that appears inside the search box. */
+    "label": PropTypes.string,
+    /** The callback function that sets a column's filter value. */
+    "onChange": PropTypes.func.isRequired
+};
+
+ItemTableFilter.defaultProps = {
+    "label": ""
+}

src/components/ItemTableFilter/index.js

@@ -0,0 +1 @@
+export { default } from "./ItemTableFilter";