import { MultiFactorAuthFactorsList } from '@kit/accounts/components';
import { withI18n } from '~/lib/i18n/with-i18n';

import SettingsSectionHeader from '../_components/settings-section-header';

async function SecuritySettingsPage() {
  return (
    <div className="mx-auto w-full bg-white p-6">
      <div className="space-y-6">
        <SettingsSectionHeader
          titleKey="account:securityTabLabel"
          descriptionKey="account:securityTabDescription"
        />
        <MultiFactorAuthFactorsList />
      </div>
    </div>
  );
}

export default withI18n(SecuritySettingsPage);