From c48813ee6be6a7cbeaa226d16e10339a907c153f Mon Sep 17 00:00:00 2001
From: Justin Campbell <campb303@purdue.edu>
Date: Thu, 15 Apr 2021 16:43:51 -0400
Subject: [PATCH] Update ItemTableCell stories

---
 .../ItemTableCell/ItemTableCell.stories.mdx   | 46 +++++++++++--------
 1 file changed, 26 insertions(+), 20 deletions(-)

diff --git a/src/components/ItemTableCell/ItemTableCell.stories.mdx b/src/components/ItemTableCell/ItemTableCell.stories.mdx
index 0e5e5a9..3f24292 100644
--- a/src/components/ItemTableCell/ItemTableCell.stories.mdx
+++ b/src/components/ItemTableCell/ItemTableCell.stories.mdx
@@ -1,4 +1,4 @@
-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';
 
@@ -6,33 +6,39 @@ The ItemTableCell wraps an [MUI TableCell](https://material-ui.com/api/table-cel
 
 
 
-<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} />
\ No newline at end of file