From 5b19aeafe96d8a5729290698c019e256f1aaaacb Mon Sep 17 00:00:00 2001
From: Christopher Chedeau <vjeuxx@gmail.com>
Date: Sat, 25 Jan 2020 10:11:57 -0800
Subject: [PATCH] Make color selection accessible (#556)

By changing from a `<div>` to a `<button>`, it's now possible to use the space key in order to select it
---
 src/components/ColorPicker.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ColorPicker.tsx b/src/components/ColorPicker.tsx
index 956a215c..f82af8ca 100644
--- a/src/components/ColorPicker.tsx
+++ b/src/components/ColorPicker.tsx
@@ -24,7 +24,7 @@ const Picker = function({
       <div className="color-picker-content">
         <div className="colors-gallery">
           {colors.map(color => (
-            <div
+            <button
               className="color-picker-swatch"
               onClick={() => {
                 onChange(color);
@@ -39,7 +39,7 @@ const Picker = function({
               ) : (
                 undefined
               )}
-            </div>
+            </button>
           ))}
         </div>
         <ColorInput