From 55d563daabe05d3d7a0e306501494eaa20f0e3b4 Mon Sep 17 00:00:00 2001
From: Rua Haszard <rua.haszard@automattic.com>
Date: Thu, 20 Aug 2020 15:49:24 +1200
Subject: [PATCH] add stories for Chip

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

diff --git a/assets/js/base/components/chip/stories/index.js b/assets/js/base/components/chip/stories/index.js
new file mode 100644
index 00000000000..7c94eea6f3e
--- /dev/null
+++ b/assets/js/base/components/chip/stories/index.js
@@ -0,0 +1,30 @@
+/**
+ * External dependencies
+ */
+import { text, select } from '@storybook/addon-knobs';
+
+/**
+ * Internal dependencies
+ */
+import * as components from '../';
+
+export default {
+	title: 'WooCommerce Blocks/@base-components/Chip',
+	component: Chip,
+};
+
+const radii = [ 'none', 'small', 'medium', 'large' ];
+
+export const Chip = () => (
+	<components.Chip
+		text={ text( 'Text', 'example' ) }
+		radius={ select( 'Radius', radii ) }
+	/>
+);
+
+export const RemovableChip = () => (
+	<components.RemovableChip
+		text={ text( 'Text', 'example' ) }
+		radius={ select( 'Radius', radii ) }
+	/>
+);