feat(storybook): add story

add stories for sx

Signed-off-by: Niloy Sikdar <niloysikdar30@gmail.com>

src/utils/makeStyles.stories.tsx

@@ -10,6 +10,7 @@ const useStyles = makeStyles({
   root: {
     width: 'fit-content',
     backgroundColor: 'yellow',
+    padding: '50px',
   },
 });
 

src/utils/sx.stories.tsx

@@ -0,0 +1,35 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+
+import { sx } from './sx';
+
+const styles = {
+  primary: {
+    width: 'fit-content',
+    backgroundColor: 'yellow',
+    padding: '50px',
+  },
+  secondary: {
+    padding: '10px',
+    color: 'red',
+  },
+};
+
+const Email = (): JSX.Element => {
+  const style = sx(styles.primary, styles.secondary);
+  return (
+    <div style={style}>
+      <div>
+        <h2>Hello World</h2>
+      </div>
+    </div>
+  );
+};
+
+export default {
+  component: Email,
+} as ComponentMeta<typeof Email>;
+
+//“template” of how args map to rendering
+const Template: ComponentStory<typeof Email> = () => <Email />;
+
+export const Default = Template.bind({});