import { lazy } from 'react'; import { Tabs } from '/@/renderer/components'; import { useSettingsStore, useSettingsStoreActions } from '/@/renderer/store/settings.store'; import isElectron from 'is-electron'; import styled from 'styled-components'; const GeneralTab = lazy(() => import('/@/renderer/features/settings/components/general/general-tab').then((module) => ({ default: module.GeneralTab, })), ); const PlaybackTab = lazy(() => import('/@/renderer/features/settings/components/playback/playback-tab').then((module) => ({ default: module.PlaybackTab, })), ); const ApplicationTab = lazy(() => import('/@/renderer/features/settings/components/window/window-tab').then((module) => ({ default: module.WindowTab, })), ); const HotkeysTab = lazy(() => import('/@/renderer/features/settings/components/hotkeys/hotkeys-tab').then((module) => ({ default: module.HotkeysTab, })), ); const TabContainer = styled.div` width: 100%; height: 100%; padding: 1rem; overflow: scroll; `; export const SettingsContent = () => { const currentTab = useSettingsStore((state) => state.tab); const { setSettings } = useSettingsStoreActions(); return ( e && setSettings({ tab: e })} > General Playback Hotkeys {isElectron() && Window} {isElectron() && ( )} ); };