create customized example

packages/module/patternfly-docs/content/examples/EmptyStateErrorMessage/EmptyStateErrorMessage.md

@@ -13,11 +13,20 @@ propComponents: ['EmptyStateErrorMessage']
 ---
 
 import { EmptyStateErrorMessage } from "@patternfly/ai-infra-ui-components";
+import { DrumstickBiteIcon } from '@patternfly/react-icons';
 
 Note: this component documents the API and enhances the [existing EmptyStateErrorMessage](https://github.com/opendatahub-io/odh-dashboard/blob/main/frontend/src/components/EmptyStateErrorMessage.tsx) component from odh-dashboard. It can be imported from [@patternfly/ai-infra-ui-components](https://www.npmjs.com/package/@patternfly/AI-infra-ui-components). Alternatively, it can be used within the odh-dashboard via the import: `~/components/EmptyStateErrorMessage`
 
-### Example
+### Basic
 
 ```js file="./EmptyStateErrorMessageBasic.tsx"
 
 ```
+
+### Customization
+
+All properties of PatternFly's [empty state component](https://www.patternfly.org/components/empty-state) are spread to the error state component group.
+
+```js file="./EmptyStateErrorMessageCustomized.tsx"
+
+```

packages/module/patternfly-docs/content/examples/EmptyStateErrorMessage/EmptyStateErrorMessageCustomized.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { EmptyStateErrorMessage } from "@patternfly/ai-infra-ui-components";
+import { DrumstickBiteIcon } from '@patternfly/react-icons';
+
+export const EmptyStateErrorMessageBasic: React.FunctionComponent = () => (
+    <EmptyStateErrorMessage
+        title="Error loading workloads" 
+        bodyText="Check your network connection." 
+        icon={DrumstickBiteIcon}
+        headingLevel="h3"
+        status="info"
+    />
+);