From e7f3e9c009ce752a8e68c20ada4cd8b7f46e55ec Mon Sep 17 00:00:00 2001
From: cv <34649812+cpvalente@users.noreply.github.com>
Date: Mon, 22 Mar 2021 21:36:10 +0100
Subject: [PATCH] layout previews

---
 src/features/viewers/PreviewContainer.jsx      | 18 ++++++++++++++++++
 .../viewers/PreviewContainer.module.css        | 17 +++++++++++++++++
 2 files changed, 35 insertions(+)
 create mode 100644 src/features/viewers/PreviewContainer.jsx
 create mode 100644 src/features/viewers/PreviewContainer.module.css

diff --git a/src/features/viewers/PreviewContainer.jsx b/src/features/viewers/PreviewContainer.jsx
new file mode 100644
index 000000000..c5f5657c2
--- /dev/null
+++ b/src/features/viewers/PreviewContainer.jsx
@@ -0,0 +1,18 @@
+import DefaultPresenter from './DefaultPresenter';
+import styles from './PreviewContainer.module.css';
+
+export default function PreviewContainer() {
+  return (
+    <div className={styles.previewContainer}>
+
+      <div className={styles.preview}>
+        {/* <DefaultPresenter /> */}
+      </div>
+      <div className={styles.label}>Default Presenter</div>
+
+      <div className={styles.preview}>
+      </div>
+      <div className={styles.label}>Audience</div>
+    </div>
+  );
+}
diff --git a/src/features/viewers/PreviewContainer.module.css b/src/features/viewers/PreviewContainer.module.css
new file mode 100644
index 000000000..ca7bf45ff
--- /dev/null
+++ b/src/features/viewers/PreviewContainer.module.css
@@ -0,0 +1,17 @@
+.previewContainer {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.preview {
+  margin-top: 2em;
+  width: 95%;
+  aspect-ratio: 16 / 9;
+  background-color: #222;
+}
+
+.label {
+  padding: 1em;
+  align-self: flex-end;
+}