import React from "react"; import { Modal } from "../Modal"; import styles from "./SettingsModal.module.css"; import { TabContainer, TabItem } from "../tabs/Tabs"; import { ReactComponent as AudioIcon } from "../icons/Audio.svg"; import { ReactComponent as VideoIcon } from "../icons/Video.svg"; import { ReactComponent as DeveloperIcon } from "../icons/Developer.svg"; import { SelectInput } from "../input/SelectInput"; import { Item } from "@react-stately/collections"; import { useMediaHandler } from "./useMediaHandler"; import { FieldRow, InputField } from "../input/Input"; import { Button } from "../button"; import { useDownloadDebugLog } from "./rageshake"; import { Body } from "../typography/Typography"; export function SettingsModal({ client, setShowInspector, showInspector, ...rest }) { const { audioInput, audioInputs, setAudioInput, videoInput, videoInputs, setVideoInput, } = useMediaHandler(client); const downloadDebugLog = useDownloadDebugLog(); return ( Audio } > {audioInputs.map(({ deviceId, label }) => ( {label} ))} Video } > {videoInputs.map(({ deviceId, label }) => ( {label} ))} Developer } > Version: {import.meta.env.VITE_APP_VERSION || "dev"} setShowInspector(e.target.checked)} /> ); }