+
+
+
+ Continue with the selected file, or select again?
+
+
+
+
+ >
+ )
+}
+
+const continueButtonLabel = (): Translatable => {
+ return new Translatable()
+ .add('en', 'Continue')
+ .add('nl', 'Doorgaan')
+}
+
+const selectButtonLabel = (): Translatable => {
+ return new Translatable()
+ .add('en', 'Select file')
+ .add('nl', 'Selecteer bestand')
+}
+
+const resetButtonLabel = (): Translatable => {
+ return new Translatable()
+ .add('en', 'Select again')
+ .add('nl', 'Opnieuw')
+}
diff --git a/src/framework/visualisation/react/components/radio_input.tsx b/src/framework/visualisation/react/components/radio_input.tsx
new file mode 100644
index 00000000..682930ed
--- /dev/null
+++ b/src/framework/visualisation/react/components/radio_input.tsx
@@ -0,0 +1,101 @@
+import * as React from 'react'
+import Translatable from '../../../translatable'
+import RadioSvg from '../../../../assets/images/radio.svg'
+import RadioActiveSvg from '../../../../assets/images/radio_active.svg'
+
+export interface RadioInputProps {
+ title: any
+ description: any
+ items: string[]
+ locale: string
+ resolve: (value: any) => void
+}
+
+interface Copy {
+ title: string
+ description: string
+ continueButton: string
+}
+
+function prepareCopy ({ title, description, locale }: RadioInputProps): Copy {
+ return {
+ title: title.en,
+ description: description.en,
+ continueButton: continueButtonLabel().text(locale)
+ }
+}
+
+export const RadioInputFactory = (props: RadioInputProps): JSX.Element =>