.mid": {
width: "100%",
height: "100%",
position: "relative",
display: "inline-block",
},
}}
>
div:nth-of-type(1)": {
gridColumn: "span 2",
gridRow: "span 2",
},
}}
>
{monoviews}
);
};
interface MonoviewProps {
cameras: Camera[];
cameraIndex: number | null;
onSelect: (cameraIndex: number | null) => void;
renderCamera: (camera: Camera | null, chooser: JSX.Element) => JSX.Element;
}
/** A single pane of a Multiview, including its camera chooser. */
const Monoview = (props: MonoviewProps) => {
const handleChange = (event: SelectChangeEvent