From 1573acc0efa3b81d065d9cbab706348d03f70cf0 Mon Sep 17 00:00:00 2001
From: Christie Molloy <cmolloy@redhat.com>
Date: Thu, 24 Sep 2020 16:57:07 -0400
Subject: [PATCH] add modal

---
 src/groups/GroupsCreate.tsx | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 src/groups/GroupsCreate.tsx

diff --git a/src/groups/GroupsCreate.tsx b/src/groups/GroupsCreate.tsx
new file mode 100644
index 0000000000..79d8c3b84b
--- /dev/null
+++ b/src/groups/GroupsCreate.tsx
@@ -0,0 +1,31 @@
+import React from "react";
+import {
+  Button,
+  Modal,
+  ModalVariant,
+} from "@patternfly/react-core";
+import { useTranslation } from "react-i18next";
+
+export const GroupsCreate = () => {
+  const { t } = useTranslation("group");
+
+  return (
+    <Modal
+    variant={ModalVariant.medium}
+    title="Medium modal header"
+    isOpen={isModalOpen}
+    onClose={this.handleModalToggle}
+    actions={
+      <Button key="confirm" variant="primary" onClick={this.handleModalToggle}>
+        Confirm
+      </Button>
+    }
+  >
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
+    magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+    pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+    est laborum.
+  </Modal>
+  );
+};