+ {{ 'preprints.details.moderationStatusBanner.pendingDetails.title' | translate }}
+ {{ 'preprints.details.moderationStatusBanner.pendingDetails.body' | translate }}
+
diff --git a/src/app/features/preprints/pages/preprint-pending-moderation/preprint-pending-moderation.component.scss b/src/app/features/preprints/pages/preprint-pending-moderation/preprint-pending-moderation.component.scss
new file mode 100644
index 000000000..c2c982a5b
--- /dev/null
+++ b/src/app/features/preprints/pages/preprint-pending-moderation/preprint-pending-moderation.component.scss
@@ -0,0 +1,11 @@
+@use "styles/mixins" as mix;
+
+:host {
+ @include mix.flex-center;
+ flex: 1;
+ background: var(--gradient-3);
+}
+
+.container {
+ max-width: mix.rem(448px);
+}
diff --git a/src/app/features/preprints/pages/preprint-pending-moderation/preprint-pending-moderation.component.spec.ts b/src/app/features/preprints/pages/preprint-pending-moderation/preprint-pending-moderation.component.spec.ts
new file mode 100644
index 000000000..27b3a577d
--- /dev/null
+++ b/src/app/features/preprints/pages/preprint-pending-moderation/preprint-pending-moderation.component.spec.ts
@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PreprintPendingModerationComponent } from './preprint-pending-moderation.component';
+
+import { OSFTestingModule } from '@testing/osf.testing.module';
+
+describe('PreprintPendingModerationComponent', () => {
+ let component: PreprintPendingModerationComponent;
+ let fixture: ComponentFixture