rm modalbody from example and revise modal doc

Author: mfrances17

packages/react-core/src/components/Modal/examples/Modal.md

@@ -20,7 +20,7 @@ Basic modals give users the option to either confirm or cancel an action.
 
 To flag an open modal, use the `isOpen` property. To execute a callback when a modal is closed, use the `onClose` property.
 
-A modal must have a `<ModalBody>`, containing the main content of the modal. The `<ModalHeader>` and `<ModalFooter>` components are not required, but are typically used to display the modal title and any button actions, respectively. 
+The `<ModalBody>`, `<ModalHeader>`, and `<ModalFooter>` components are not required, but are typically used to display the main content of the modal, modal title, and any button actions, respectively.
 
 ```ts file="./ModalBasic.tsx"
 

packages/react-core/src/components/Wizard/examples/Wizard.md

@@ -35,7 +35,6 @@ DrawerHead,
 DrawerActions,
 DrawerCloseButton,
 Modal,
-ModalBody,
 ModalVariant,
 Wizard,
 WizardFooter,

packages/react-core/src/components/Wizard/examples/WizardWithinModal.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button, Modal, ModalBody, ModalVariant, Wizard, WizardHeader, WizardStep } from '@patternfly/react-core';
+import { Button, Modal, ModalVariant, Wizard, WizardHeader, WizardStep } from '@patternfly/react-core';
 
 export const WizardWithinModal: React.FunctionComponent = () => {
   const [isModelOpen, setIsModalOpen] = React.useState(false);
@@ -14,34 +14,32 @@ export const WizardWithinModal: React.FunctionComponent = () => {
         onEscapePress={() => setIsModalOpen(false)}
         variant={ModalVariant.medium}
       >
-        <ModalBody>
-          <Wizard
-            height={400}
-            onClose={() => setIsModalOpen(false)}
-            title="In modal wizard"
-            header={
-              <WizardHeader
-                onClose={() => setIsModalOpen(false)}
-                title="Wizard in modal"
-                description="Simple wizard description"
-              />
-            }
+        <Wizard
+          height={400}
+          onClose={() => setIsModalOpen(false)}
+          title="In modal wizard"
+          header={
+            <WizardHeader
+              onClose={() => setIsModalOpen(false)}
+              title="Wizard in modal"
+              description="Simple wizard description"
+            />
+          }
+        >
+          <WizardStep name="Step 1" id="in-modal-step-1">
+            Step 1 content
+          </WizardStep>
+          <WizardStep name="Step 2" id="in-modal-step-2">
+            Step 2 content
+          </WizardStep>
+          <WizardStep
+            name="Review"
+            id="in-modal-review-step"
+            footer={{ nextButtonText: 'Finish', onNext: () => setIsModalOpen(false) }}
           >
-            <WizardStep name="Step 1" id="in-modal-step-1">
-              Step 1 content
-            </WizardStep>
-            <WizardStep name="Step 2" id="in-modal-step-2">
-              Step 2 content
-            </WizardStep>
-            <WizardStep
-              name="Review"
-              id="in-modal-review-step"
-              footer={{ nextButtonText: 'Finish', onNext: () => setIsModalOpen(false) }}
-            >
-              Review step content
-            </WizardStep>
-          </Wizard>
-        </ModalBody>
+            Review step content
+          </WizardStep>
+        </Wizard>
       </Modal>
     </>
   );