Update ItemTableAppBar stories

src/components/ItemTableAppBar/ItemTableAppBar.stories.mdx

@@ -1,21 +1,30 @@
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs/blocks';
 import ItemTableAppBar from "./ItemTableAppBar";
-import { ThemeProvider } from "@material-ui/styles";
 
+<Meta 
+    title="Components/ItemTableAppBar" 
+    component={ItemTableAppBar}
+    argsTypes={{
+        setDarkMode: {
+            control: {
+                type: "object"
+            }
+        }
+    }}
+/>
 
 The ItemTableAppBar is the primary toolbar for the [ItemTable](/?path=/docs/components-itemtable--loading). It displays the application title and application wide actions.
 
-<Meta title="Components/ItemTableAppBar" component={ItemTableAppBar}  />
-
-export const Template = (props) => <ItemTableAppBar {...props} />
-
-# Default
-
 <Canvas>
-  <Story name="Default" args={{
-      title:"webqueue2",
-      darkmode:false
-  }}>
-     {args => <ItemTableAppBar {...args} />}
+    <Story
+        name="Default" 
+        args={{
+            title:"webqueue2",
+            setDarkMode: _ => alert("Use the darkmode toggle in the toolbar above.")
+        }}
+    >
+        { args => <ItemTableAppBar {...args} /> }
     </Story>
 </Canvas>
+
+<ArgsTable of={ItemTableAppBar} />