From b140f90f1def0211f112bdc54a660dd7d7f6677f Mon Sep 17 00:00:00 2001
From: case <case@casesandberg.com>
Date: Sun, 9 Aug 2015 14:46:00 -0400
Subject: [PATCH] Init

---
 src/components/Color.js                | 26 ++++++++++++++++++
 src/components/Sketch/SketchPicker.jsx | 24 ++++++++++++++++
 src/index.js                           |  2 ++
 src/specs/Color.spec.js                | 38 ++++++++++++++++++++++++++
 src/specs/index.js                     |  4 +++
 5 files changed, 94 insertions(+)
 create mode 100644 src/components/Color.js
 create mode 100644 src/components/Sketch/SketchPicker.jsx
 create mode 100644 src/index.js
 create mode 100644 src/specs/Color.spec.js
 create mode 100644 src/specs/index.js

diff --git a/src/components/Color.js b/src/components/Color.js
new file mode 100644
index 00000000..dad6fbc6
--- /dev/null
+++ b/src/components/Color.js
@@ -0,0 +1,26 @@
+'use strict';
+
+var React = require('react');
+var ReactCSS = require('reactcss');
+
+var SketchPicker = require('./Sketch/SketchPicker');
+
+class ColorPicker extends ReactCSS.Component {
+
+  classes() {
+    return {
+      'default': {
+
+      },
+    };
+  }
+
+  render() {
+    return (
+      <SketchPicker />
+    );
+  }
+
+}
+
+module.exports = ColorPicker;
diff --git a/src/components/Sketch/SketchPicker.jsx b/src/components/Sketch/SketchPicker.jsx
new file mode 100644
index 00000000..e0e39726
--- /dev/null
+++ b/src/components/Sketch/SketchPicker.jsx
@@ -0,0 +1,24 @@
+'use strict';
+
+var React = require('react');
+var ReactCSS = require('reactcss');
+
+class ColorPicker extends ReactCSS.Component {
+
+  classes() {
+    return {
+      'default': {
+
+      },
+    };
+  }
+
+  render() {
+    return (
+      <div>Sketch Picker</div>
+    );
+  }
+
+}
+
+module.exports = ColorPicker;
diff --git a/src/index.js b/src/index.js
new file mode 100644
index 00000000..7c8d4f51
--- /dev/null
+++ b/src/index.js
@@ -0,0 +1,2 @@
+
+module.exports = require('./components/ColorPicker');
diff --git a/src/specs/Color.spec.js b/src/specs/Color.spec.js
new file mode 100644
index 00000000..e3a54e55
--- /dev/null
+++ b/src/specs/Color.spec.js
@@ -0,0 +1,38 @@
+
+var Harness = require('react-harness');
+var Color = require('./../components/Color');
+
+Color.propTypes = {
+  tabs: Harness.PropTypes.array.examples([
+    [{
+      label: 'cool',
+      callback: function() {
+        console.log('cool');
+      },
+    }, {
+      label: 'tabs',
+      callback: function() {
+        console.log('tabs');
+      },
+    },],
+    ['cool', 'tabs'], ['foo', 'bar', 'longer'], ['foo', 'bar', 'way longer', 'even', 'still'],
+  ]),
+  align: Harness.PropTypes.oneOf(['none', 'justify', 'left', 'center']),
+  color: Harness.PropTypes.string.examples(['#fff', '#FFEB3B']),
+  background: Harness.PropTypes.string.examples(['transparent', '#4A90E2']),
+};
+
+module.exports = {
+  label: 'Color',
+  desc: 'Lorem Ipsum',
+
+  component: Color,
+
+  instances: {
+    'default': {
+      tabs: ['foo', 'bar'],
+      color: '#333',
+      background: '#eee',
+    },
+  },
+};
diff --git a/src/specs/index.js b/src/specs/index.js
new file mode 100644
index 00000000..a86c301b
--- /dev/null
+++ b/src/specs/index.js
@@ -0,0 +1,4 @@
+
+module.exports = {
+  ColorPicker: require('./Color.spec'),
+};