From d3a8270d5595c2abe8c09d0eddf9d9af678aa690 Mon Sep 17 00:00:00 2001
From: Nicolas Gallagher <nicolasgallagher@gmail.com>
Date: Wed, 9 May 2018 10:38:34 -0700
Subject: [PATCH] Add a development sandbox to storybook

---
 website/storybook/3-demos/Sandbox/Sandbox.js       | 12 ++++++++++++
 website/storybook/3-demos/Sandbox/SandboxScreen.js |  9 +++++++++
 2 files changed, 21 insertions(+)
 create mode 100644 website/storybook/3-demos/Sandbox/Sandbox.js
 create mode 100644 website/storybook/3-demos/Sandbox/SandboxScreen.js

diff --git a/website/storybook/3-demos/Sandbox/Sandbox.js b/website/storybook/3-demos/Sandbox/Sandbox.js
new file mode 100644
index 00000000..2e8f5a4a
--- /dev/null
+++ b/website/storybook/3-demos/Sandbox/Sandbox.js
@@ -0,0 +1,12 @@
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+
+export default class Sandbox extends React.PureComponent {
+  render() {
+    return <View styles={styles.root} />;
+  }
+}
+
+const styles = StyleSheet.create({
+  root: {}
+});
diff --git a/website/storybook/3-demos/Sandbox/SandboxScreen.js b/website/storybook/3-demos/Sandbox/SandboxScreen.js
new file mode 100644
index 00000000..8d6690f0
--- /dev/null
+++ b/website/storybook/3-demos/Sandbox/SandboxScreen.js
@@ -0,0 +1,9 @@
+import React from 'react';
+import { storiesOf } from '../../ui-explorer';
+import Sandbox from './Sandbox';
+
+const SandboxScreen = () => <Sandbox />;
+
+if (process.env.NODE_ENV !== 'production') {
+  storiesOf('Example apps', module).add('Sandbox', SandboxScreen);
+}