From ac0c519ccbd53187a13d12edeb1fd85591c1c94f Mon Sep 17 00:00:00 2001
From: ghalestrilo <ghalestrilo@gmail.com>
Date: Tue, 21 Jul 2020 15:03:00 -0300
Subject: [PATCH] :construction: create <Dropdown /> component

---
 client/components/Dropdown.jsx | 62 ++++++++++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 client/components/Dropdown.jsx

diff --git a/client/components/Dropdown.jsx b/client/components/Dropdown.jsx
new file mode 100644
index 00000000..9e2526bd
--- /dev/null
+++ b/client/components/Dropdown.jsx
@@ -0,0 +1,62 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { Link } from 'react-router';
+
+
+// <ul className="nav__dropdown">
+
+
+// <ul className="nav__dropdown">
+
+// <li className="nav__dropdown-item">
+//   <button
+//     onFocus={this.handleFocusForLang}
+//     onBlur={this.handleBlur}
+//     value="it"
+//     onClick={e => this.handleLangSelection(e)}
+//   >
+//     Italian (Test Fallback)
+//   </button>
+// </li>
+// <li className="nav__dropdown-item">
+//   <button
+//     onFocus={this.handleFocusForLang}
+//     onBlur={this.handleBlur}
+//     value="en-US"
+//     onClick={e => this.handleLangSelection(e)}
+//   >English
+//   </button>
+// </li>
+// <li className="nav__dropdown-item">
+//   <button
+//     onFocus={this.handleFocusForLang}
+//     onBlur={this.handleBlur}
+//     value="es-419"
+//     onClick={e => this.handleLangSelection(e)}
+//   >
+//     Español
+//   </button>
+// </li>
+// </ul>
+
+const Dropdown = ({ items }) => (
+  <ul className="nav__dropdown">
+    {items && items.map(item => (
+      <li className="nav__dropdown-item">
+      </li>
+    ))
+    }
+  </ul>
+);
+
+Dropdown.propTypes = {
+  items: PropTypes.arrayOf(PropTypes.shape({
+    action: PropTypes.func
+  }))
+};
+
+Dropdown.defaultProps = {
+  items: []
+};
+
+export default Dropdown;