import { Space, Stack, Text } from '@mantine/core';
import { useConfigContext } from '../../config/provider';
import ConfigChanger from '../Config/ConfigChanger';
import ConfigActions from './Common/ConfigActions';
import LanguageSelect from './Common/LanguageSelect';
import { SearchEnabledSwitch } from './Common/SearchEngineEnabledSwitch';
import { SearchEngineSelector } from './Common/SearchEngineSelector';
import { SearchNewTabSwitch } from './Common/SearchNewTabSwitch';

export default function CommonSettings() {
  const { config } = useConfigContext();

  if (!config) {
    return (
      <Text color="red" align="center">
        No active config
      </Text>
    );
  }

  return (
    <Stack mb="md" mr="sm">
      <SearchEngineSelector searchEngine={config.settings.common.searchEngine} />
      <SearchNewTabSwitch
        defaultValue={config.settings.common.searchEngine.properties.openInNewTab}
      />
      <SearchEnabledSwitch defaultValue={config.settings.common.searchEngine.properties.enabled} />
      <Space />
      <LanguageSelect />
      <ConfigChanger />
      <ConfigActions />
    </Stack>
  );
}