[Playground] EuiPagination (#3898)

* [Playground] EuiPagination

* used dummyFuntion

src-docs/src/views/pagination/pagination_example.js

@@ -11,6 +11,8 @@ import {
   EuiPaginationButton,
 } from '../../../../src/components';
 
+import { paginationConfig } from './playground';
+
 import ManyPages from './many_pages';
 const manyPagesSource = require('!!raw-loader!./many_pages');
 const manyPagesHtml = renderToHtml(ManyPages);
@@ -201,4 +203,5 @@ export const PaginationExample = {
       demo: <CustomizablePagination />,
     },
   ],
+  playground: paginationConfig,
 };

src-docs/src/views/pagination/playground.js

@@ -0,0 +1,43 @@
+import { PropTypes } from 'react-view';
+import { EuiPagination, EuiText } from '../../../../src/components/';
+import {
+  propUtilityForPlayground,
+  dummyFunction,
+} from '../../services/playground';
+
+export const paginationConfig = () => {
+  const docgenInfo = Array.isArray(EuiPagination.__docgenInfo)
+    ? EuiPagination.__docgenInfo[0]
+    : EuiPagination.__docgenInfo;
+  const propsToUse = propUtilityForPlayground(docgenInfo.props);
+
+  propsToUse.onPageClick = {
+    ...propsToUse.onPageClick,
+    type: PropTypes.Custom,
+    value: undefined,
+    custom: {
+      ...propsToUse.onPageClick.custom,
+      use: 'switch',
+      label: 'Simulate',
+    },
+  };
+
+  return {
+    config: {
+      componentName: 'EuiPagination',
+      props: propsToUse,
+      scope: {
+        EuiPagination,
+        EuiText,
+      },
+      imports: {
+        '@elastic/eui': {
+          named: ['EuiPagination', 'EuiText'],
+        },
+      },
+      customProps: {
+        onPageClick: dummyFunction,
+      },
+    },
+  };
+};