ADG-10295 add encryption settings page

client_v2/src/components/Encryption/Status/ValidationStatus.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+import intl from 'panel/common/intl';
+import { StatusBlock } from './StatusBlock';
+
+import s from './styles.module.pcss';
+
+type Props = {
+    type: 'warning' | 'error';
+    message: string;
+};
+
+export const ValidationStatus = ({ type, message }: Props) => (
+    <StatusBlock variant={type} title={intl.getMessage('encryption_certificate_has_issues')}>
+        <div className={s.statusText}>{message}</div>
+    </StatusBlock>
+);