(MediaObject): add stories corresponding to the isVerticalCenter prop

Author: msmx-mnakagawa

stories/MediaObject.stories.tsx

@@ -50,6 +50,21 @@ export const Figure: ComponentStoryObj<typeof MediaObject> = {
   },
 };
 
+/**
+ *
+ */
+export const FigureCenter: ComponentStoryObj<typeof MediaObject> = {
+  name: 'Figure (Center)',
+  args: {
+    figureLeft: image1,
+    isVerticalCenter: true,
+    children: mediaContent,
+  },
+  parameters: {
+    info: 'Vertically centered Media Object with figure in left',
+  },
+};
+
 /**
  *
  */
@@ -64,6 +79,21 @@ export const FigureReverse: ComponentStoryObj<typeof MediaObject> = {
   },
 };
 
+/**
+ *
+ */
+export const FigureReverseCenter: ComponentStoryObj<typeof MediaObject> = {
+  name: 'Figure - Reverse (Center)',
+  args: {
+    figureRight: image2,
+    isVerticalCenter: true,
+    children: mediaContent,
+  },
+  parameters: {
+    info: 'Vertically centered Media Object with figure in right',
+  },
+};
+
 /**
  *
  */
@@ -78,3 +108,19 @@ export const FigureBothSide: ComponentStoryObj<typeof MediaObject> = {
     info: 'Media Object with figure in left and right',
   },
 };
+
+/**
+ *
+ */
+export const FigureBothSideCenter: ComponentStoryObj<typeof MediaObject> = {
+  name: 'Figure - Both Side (Center)',
+  args: {
+    figureLeft: image1,
+    figureRight: image2,
+    isVerticalCenter: true,
+    children: mediaContent,
+  },
+  parameters: {
+    info: 'Vertically centered Media Object with figure in left and right',
+  },
+};