From a94e078cda1e53f3a9fda3dc5dfe07d9296c6dce Mon Sep 17 00:00:00 2001
From: Brent Swisher <swisherb@gvsu.edu>
Date: Tue, 14 Apr 2020 22:41:46 -0400
Subject: [PATCH] Add the storybook story for the CustomGradientPicker
 component

---
 .../custom-gradient-picker/stories/index.js   | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 packages/components/src/custom-gradient-picker/stories/index.js

diff --git a/packages/components/src/custom-gradient-picker/stories/index.js b/packages/components/src/custom-gradient-picker/stories/index.js
new file mode 100644
index 00000000000000..e34cc07531af02
--- /dev/null
+++ b/packages/components/src/custom-gradient-picker/stories/index.js
@@ -0,0 +1,29 @@
+/**
+ * WordPress dependencies
+ */
+import { useState } from '@wordpress/element';
+
+/**
+ * Internal dependencies
+ */
+import CustomGradientPicker from '../';
+
+export default {
+	title: 'Components/CustomGradientPicker',
+	component: CustomGradientPicker,
+};
+
+const CustomGradientPickerWithState = ( props ) => {
+	const [ gradient, setGradient ] = useState();
+	return (
+		<CustomGradientPicker
+			{ ...props }
+			value={ gradient }
+			onChange={ setGradient }
+		/>
+	);
+};
+
+export const _default = () => {
+	return <CustomGradientPickerWithState />;
+};