Settings panels

import { AppSettings, WidgetSettings, Stack } from '@cskn/ui';
import { closeApp } from '@cskn/sdk';

function SettingsScreen({ locale, t }: Props) {
  return (
    <Stack gap={28}>
      <AppSettings
        locale={locale}
        onDeactivated={() => closeApp()}
        labels={{ heading: t('app_settings_heading') }}
      />
      <WidgetSettings labels={{ heading: t('widgets_heading') }} />
    </Stack>
  );
}