From 503776d9a6c2a1fcfc09e7092d0580f6f3dcb992 Mon Sep 17 00:00:00 2001
From: Rua Haszard <rua.haszard@automattic.com>
Date: Thu, 20 Aug 2020 16:22:33 +1200
Subject: [PATCH 1/2] story for CheckboxControl aka Checkbox

---
 .../checkbox-control/stories/index.js         | 27 +++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 assets/js/base/components/checkbox-control/stories/index.js

diff --git a/assets/js/base/components/checkbox-control/stories/index.js b/assets/js/base/components/checkbox-control/stories/index.js
new file mode 100644
index 00000000000..fb57d0c507f
--- /dev/null
+++ b/assets/js/base/components/checkbox-control/stories/index.js
@@ -0,0 +1,27 @@
+/**
+ * External dependencies
+ */
+import { text } from '@storybook/addon-knobs';
+import { useState } from 'react';
+
+/**
+ * Internal dependencies
+ */
+import Component from '../';
+
+export default {
+	title: 'WooCommerce Blocks/@base-components/CheckboxControl',
+	component: CheckboxControl,
+};
+
+export const CheckboxControl = () => {
+	const [ checked, setChecked ] = useState( false );
+
+	return (
+		<Component
+			label={ text( 'Label', 'Yes please' ) }
+			checked={ checked }
+			onChange={ ( value ) => setChecked( value ) }
+		/>
+	);
+};

From 3f1a6074583fbb2e74cb3eaaa678b27d8c11543a Mon Sep 17 00:00:00 2001
From: Thomas Roberts <thomas.roberts@automattic.com>
Date: Thu, 10 Dec 2020 10:23:51 +0000
Subject: [PATCH 2/2] Rename exported story to Default and use correct
 component name

This keeps our stories more consistent
---
 assets/js/base/components/checkbox-control/stories/index.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/assets/js/base/components/checkbox-control/stories/index.js b/assets/js/base/components/checkbox-control/stories/index.js
index fb57d0c507f..b08ef1e496f 100644
--- a/assets/js/base/components/checkbox-control/stories/index.js
+++ b/assets/js/base/components/checkbox-control/stories/index.js
@@ -7,18 +7,18 @@ import { useState } from 'react';
 /**
  * Internal dependencies
  */
-import Component from '../';
+import CheckboxControl from '../';
 
 export default {
 	title: 'WooCommerce Blocks/@base-components/CheckboxControl',
 	component: CheckboxControl,
 };
 
-export const CheckboxControl = () => {
+export const Default = () => {
 	const [ checked, setChecked ] = useState( false );
 
 	return (
-		<Component
+		<CheckboxControl
 			label={ text( 'Label', 'Yes please' ) }
 			checked={ checked }
 			onChange={ ( value ) => setChecked( value ) }