import featureFlagsConfig from '~/config/feature-flags.config';
import pathsConfig from '~/config/paths.config';
import { withI18n } from '~/lib/i18n/with-i18n';

import { PersonalAccountSettingsContainer } from '@kit/accounts/personal-account-settings';

function PersonalAccountSettingsPage() {
  return (
    <div
      className={
        'container mx-auto flex max-w-2xl flex-1 flex-col items-center'
      }
    >
      <PersonalAccountSettingsContainer
        features={{
          enableAccountDeletion: featureFlagsConfig.enableAccountDeletion,
        }}
        paths={{
          callback: pathsConfig.auth.callback,
        }}
      />
    </div>
  );
}

export default withI18n(PersonalAccountSettingsPage);