diff --git a/src-ui/windows/config_window/setting_section/setting_box/appearance/Appearance.jsx b/src-ui/windows/config_window/setting_section/setting_box/appearance/Appearance.jsx
new file mode 100644
index 00000000..dc8ee21a
--- /dev/null
+++ b/src-ui/windows/config_window/setting_section/setting_box/appearance/Appearance.jsx
@@ -0,0 +1,46 @@
+import { useSettingBox } from "../components/useSettingBox";
+import { useSelectedMicDeviceStatus, useMicDeviceListStatus } from "@store";
+export const Appearance = () => {
+ const { currentSelectedMicDeviceStatus, updateSelectedMicDeviceStatus } = useSelectedMicDeviceStatus();
+ const { currentMicDeviceListStatus } = useMicDeviceListStatus();
+ const {
+ DropdownMenuContainer,
+ SliderContainer,
+ CheckboxContainer,
+ SwitchboxContainer,
+ EntryContainer,
+ ThresholdContainer,
+ RadioButtonContainer,
+ DeeplAuthKeyContainer,
+ } = useSettingBox();
+
+ const selectFunction = (selected_data) => {
+ const asyncFunction = () => {
+ return new Promise((resolve) => {
+ setTimeout(() => {
+ resolve(selected_data.selected_id);
+ }, 3000);
+ });
+ };
+ updateSelectedMicDeviceStatus(asyncFunction);
+ };
+
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
\ No newline at end of file