From 079bdbd4cda776e65e14d78042eff1a7c0760022 Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Wed, 8 May 2024 19:19:20 +0530
Subject: [PATCH] styled

---
 .../src/components/PairedSuccessfullyOverlay.tsx   | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/web/apps/cast/src/components/PairedSuccessfullyOverlay.tsx b/web/apps/cast/src/components/PairedSuccessfullyOverlay.tsx
index 88f4d7c1fc..3e5cd582b0 100644
--- a/web/apps/cast/src/components/PairedSuccessfullyOverlay.tsx
+++ b/web/apps/cast/src/components/PairedSuccessfullyOverlay.tsx
@@ -1,3 +1,4 @@
+import { styled } from "@mui/material";
 import { FilledCircleCheck } from "./FilledCircleCheck";
 
 export const PairedSuccessfullyOverlay: React.FC = () => {
@@ -44,3 +45,16 @@ export const PairedSuccessfullyOverlay: React.FC = () => {
         </div>
     );
 };
+
+export const PairingSuccessful_ = styled("div")`
+    position: fixed;
+    top: 0;
+    right: 0;
+    height: 100%;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 100;
+    background-color: black;
+`;