24 lines
606 B
TypeScript
24 lines
606 B
TypeScript
|
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;
|