add pagination to instance groups lookup modal

src/components/FormActionGroup.jsx

@@ -0,0 +1,39 @@
+import React from 'react';
+
+import { I18n } from '@lingui/react';
+import { t } from '@lingui/macro';
+
+import {
+  ActionGroup,
+  Toolbar,
+  ToolbarGroup,
+  Button
+} from '@patternfly/react-core';
+
+const formActionGroupStyle = {
+  display: 'flex',
+  flexDirection: 'row',
+  justifyContent: 'flex-end',
+  marginTop: '10px'
+};
+
+const buttonGroupStyle = {
+  marginRight: '20px'
+};
+
+export default ({ onSubmit, isDisabled, onCancel }) => (
+  <I18n>
+    {({ i18n }) => (
+      <ActionGroup style={formActionGroupStyle}>
+        <Toolbar>
+          <ToolbarGroup style={buttonGroupStyle}>
+            <Button aria-label={i18n._(t`Save`)} variant="primary" onClick={onSubmit} isDisabled={isDisabled}>{i18n._(t`Save`)}</Button>
+          </ToolbarGroup>
+          <ToolbarGroup>
+            <Button aria-label={i18n._(t`Cancel`)} variant="secondary" onClick={onCancel}>{i18n._(t`Cancel`)}</Button>
+          </ToolbarGroup>
+        </Toolbar>
+      </ActionGroup>
+    )}
+  </I18n>
+);