Update ItemTableCell stories

src/components/ItemTableCell/ItemTableCell.stories.mdx

@@ -1,38 +1,44 @@
-import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs/blocks';
 import ItemTableCell from "./ItemTableCell";
 import { Paper } from '@material-ui/core';
 
 The ItemTableCell wraps an [MUI TableCell](https://material-ui.com/api/table-cell/) and adds styling.
 
 
 
-<Meta title="Components/ItemTableCell"
-decorators={[  (Story) => (
-      <Paper>
-        <Story />
-      </Paper>
-    ),]}
- component={ItemTableCell}/>
-
-## Default Usage
+<Meta
+    title="Components/ItemTableCell"
+    component={ItemTableCell}
+/>
 
+## Default
 <Canvas>
-  <Story name="Default" args={{
-      children:"Hello, moto!",
-  }}>
-     {args => <ItemTableCell {...args} />}
+    <Story 
+        name="Default" 
+        args={{
+            children: "Hello, moto!",
+        }}
+    >
+        { args => <ItemTableCell {...args} /> }
     </Story>
 </Canvas>
 
 
 ## Forwarded TableCell Props
-Props can be passed to the TableCell component using the TableCellProps prop.
+Props can be passed to the [MUI TableCell](https://material-ui.com/api/table-cell/) component using the TableCellProps prop.
 
 <Canvas>
-  <Story name="With Forwarded props" args={{
-        children:"Hello, moto!",
-        TableCellProps:{ component: Paper, variant: "footer" }
-  }}>
-     {args => <ItemTableCell {...args} />}
+    <Story
+        name="With Forwarded props"
+        args={{
+            children: <a href="https://www.youtube.com/watch?v=GGjxZY5Ka0g">I am small!</a>,
+            TableCellProps: {
+                size: "small"
+            }
+        }}
+    >
+        { args => <ItemTableCell {...args} /> }
     </Story>
 </Canvas>
+
+<ArgsTable of={ItemTableCell} />