From e7a1584632448f3a404d179bc5dcfb4cdf2a3ae7 Mon Sep 17 00:00:00 2001
From: Boaz Shuster <boaz.shuster.github@gmail.com>
Date: Sun, 24 Feb 2019 23:29:44 +0200
Subject: [PATCH] docs(EmptyState): add example to set icon size

Signed-off-by: Boaz Shuster <boaz.shuster.github@gmail.com>
---
 .../components/EmptyState/EmptyState.docs.js  |  5 ++++
 .../EmptyState/examples/IconSize.js           | 28 +++++++++++++++++++
 2 files changed, 33 insertions(+)
 create mode 100644 packages/patternfly-4/react-core/src/components/EmptyState/examples/IconSize.js

diff --git a/packages/patternfly-4/react-core/src/components/EmptyState/EmptyState.docs.js b/packages/patternfly-4/react-core/src/components/EmptyState/EmptyState.docs.js
index fddb4f8833e..7330ee73105 100644
--- a/packages/patternfly-4/react-core/src/components/EmptyState/EmptyState.docs.js
+++ b/packages/patternfly-4/react-core/src/components/EmptyState/EmptyState.docs.js
@@ -1,5 +1,6 @@
 import { EmptyState, EmptyStateBody, EmptyStateSecondaryActions } from '@patternfly/react-core';
 import Simple from './examples/SimpleEmptyState';
+import IconSize from './examples/IconSize';
 
 export default {
   title: 'EmptyState',
@@ -8,6 +9,10 @@ export default {
     {
       component: Simple,
       title: 'Simple'
+    },
+    {
+      component: IconSize,
+      title: 'Icon size'
     }
   ]
 };
diff --git a/packages/patternfly-4/react-core/src/components/EmptyState/examples/IconSize.js b/packages/patternfly-4/react-core/src/components/EmptyState/examples/IconSize.js
new file mode 100644
index 00000000000..0532aeea260
--- /dev/null
+++ b/packages/patternfly-4/react-core/src/components/EmptyState/examples/IconSize.js
@@ -0,0 +1,28 @@
+import React from 'react';
+import {
+  Title,
+  Button,
+  EmptyState,
+  EmptyStateIcon,
+  EmptyStateBody,
+  EmptyStateSecondaryActions
+} from '@patternfly/react-core';
+import { CommentDollarIcon } from '@patternfly/react-icons';
+
+class IconSize extends React.Component {
+  render() {
+    return (
+      <EmptyState>
+        <EmptyStateIcon icon={CommentDollarIcon} size="xl" />
+        <Title size="xl">Title</Title>
+        <EmptyStateBody>This represents an empty state pattern in Patternfly 4.</EmptyStateBody>
+        <Button variant="primary">Primary Action</Button>
+        <EmptyStateSecondaryActions>
+          <Button variant="link">Secondary Action</Button>
+        </EmptyStateSecondaryActions>
+      </EmptyState>
+    );
+  }
+}
+
+export default IconSize;