initial commit

src/components/FrontCameraSettings/OverviewVideoContainer.tsx

@@ -0,0 +1,23 @@
+import clsx from "clsx";
+import { SnapshotContainer } from "../CameraOverview/SnapshotContainer";
+import Card from "../UI/Card";
+import CameraOverviewHeader from "../CameraOverview/CameraOverviewHeader";
+
+const OverviewVideoContainer = ({
+  title,
+  side,
+}: {
+  title: string;
+  side: string;
+}) => {
+  return (
+    <Card className={clsx("min-h-[40vh] md:min-h-[60vh] h-auto")}>
+      <div className="relative flex flex-col space-y-3 h-full">
+        <CameraOverviewHeader title={title} />
+        <SnapshotContainer side={side} />
+      </div>
+    </Card>
+  );
+};
+
+export default OverviewVideoContainer;