From b5103bf317ddfe41d823d184b69203f7de949e33 Mon Sep 17 00:00:00 2001
From: Etienne Dusseault <etienne.dusseault@gmail.com>
Date: Wed, 29 Sep 2021 15:42:38 -0300
Subject: [PATCH] Add select-hardware component to Storybook (#12227)

---
 .../select-hardware.stories.js                | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 ui/pages/create-account/connect-hardware/select-hardware.stories.js

diff --git a/ui/pages/create-account/connect-hardware/select-hardware.stories.js b/ui/pages/create-account/connect-hardware/select-hardware.stories.js
new file mode 100644
index 000000000..2748c87ad
--- /dev/null
+++ b/ui/pages/create-account/connect-hardware/select-hardware.stories.js
@@ -0,0 +1,29 @@
+import React from 'react';
+import { action } from '@storybook/addon-actions';
+import SelectHardware from './select-hardware';
+
+export default {
+  title: 'Connect Hardware Wallet',
+  id: __filename,
+};
+
+export const SelectHardwareComponent = () => {
+  return (
+    <SelectHardware
+      browserSupported
+      connectToHardwareWallet={(selectedDevice) =>
+        action(`Continue connect to ${selectedDevice}`)()
+      }
+      useLedgerLive
+    />
+  );
+};
+export const BrowserNotSupported = () => {
+  return (
+    <SelectHardware
+      browserSupported={false}
+      connectToHardwareWallet={() => undefined}
+      useLedgerLive
+    />
+  );
+};