fix videoplayer stickersheet

cultureamp · Aug 30, 2024 · 6cb7041 · 6cb7041
2 parents 09846ae + bacab6a
commit 6cb7041
Showing 1 changed file with 50 additions and 0 deletions.
diff --git a/packages/components/src/Illustration/subcomponents/VideoPlayer/VideoPlayer.stories.tsx b/packages/components/src/Illustration/subcomponents/VideoPlayer/VideoPlayer.stories.tsx
@@ -13,7 +13,57 @@ const meta = {
   },
 } satisfies Meta<typeof VideoPlayer>
 
+<<<<<<< HEAD
 export default meta
+=======
+const StickerSheetTemplate: StickerSheetStory = {
+  render: () => (
+    <StickerSheet title="Aspect Ratio">
+      <StickerSheet.Body>
+        <StickerSheet.Row rowTitle="default">
+          <div className="border border-dashed border-grey-500">
+            <VideoPlayer
+              autoplay={false}
+              fallback="illustrations/heart/scene/brand-moments-positive-outro"
+              source="illustrations/heart/scene/brand-moments-positive-outro"
+            />
+          </div>
+        </StickerSheet.Row>
+        <StickerSheet.Row rowTitle="landscape">
+          <div className="border border-dashed border-grey-500">
+            <VideoPlayer
+              autoplay={false}
+              aspectRatio="landscape"
+              fallback="illustrations/heart/scene/brand-moments-positive-outro"
+              source="illustrations/heart/scene/brand-moments-positive-outro"
+            />
+          </div>
+        </StickerSheet.Row>
+        <StickerSheet.Row rowTitle="portrait">
+          <div className="border border-dashed border-grey-500">
+            <VideoPlayer
+              autoplay={false}
+              aspectRatio="portrait"
+              fallback="illustrations/heart/scene/brand-moments-positive-outro"
+              source="illustrations/heart/scene/brand-moments-positive-outro"
+            />
+          </div>
+        </StickerSheet.Row>
+        <StickerSheet.Row rowTitle="square">
+          <div className="border border-dashed border-grey-500">
+            <VideoPlayer
+              autoplay={false}
+              aspectRatio="square"
+              fallback="illustrations/heart/scene/brand-moments-positive-outro"
+              source="illustrations/heart/scene/brand-moments-positive-outro"
+            />
+          </div>
+        </StickerSheet.Row>
+      </StickerSheet.Body>
+    </StickerSheet>
+  ),
+}
+>>>>>>> bacab6a0282ae07ca5e00cce8375ca451a1d4666
 
 type Story = StoryObj<typeof meta>