import * as React from 'react'
import {__, _x} from '@wordpress/i18n'

import {ArrayEditorStringsProvider} from './ArrayEditor'
import {RecordEditorStringsProvider} from './RecordEditor'
import {FontControlStringsProvider} from './FontControl'
import {URLPickerStringsProvider} from './URLPicker'

const SkaComponentsStringsProvider: React.FC<{children: React.ReactNode}> = ({children}) => {
	return (
		<ArrayEditorStringsProvider>
			<RecordEditorStringsProvider>
				<FontControlStringsProvider>
					<URLPickerStringsProvider>
						{children}
					</URLPickerStringsProvider>
				</FontControlStringsProvider>
			</RecordEditorStringsProvider>
		</ArrayEditorStringsProvider>
	)
}

export default SkaComponentsStringsProvider
