Add first time flow components to Storybook (#11655)

* end of first time flow

* metametrics first time flow

* select-action

* welcome

ui/pages/first-time-flow/end-of-flow/end-of-flow.stories.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import EndOfFlowScreen from './end-of-flow.component';
+
+export default {
+  title: 'First Time Flow',
+};
+
+export const EndOfFlowComponent = () => {
+  return <EndOfFlowScreen />;
+};

ui/pages/first-time-flow/metametrics-opt-in/metametrics-opt-in.stories.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { action } from '@storybook/addon-actions';
+import MetaMetricsOptIn from './metametrics-opt-in.component';
+
+export default {
+  title: 'First Time Flow',
+};
+
+export const MetaMetricsOptInComponent = () => {
+  return (
+    <MetaMetricsOptIn
+      setParticipateInMetaMetrics={action('Participating in MetaMetrics')}
+    />
+  );
+};

ui/pages/first-time-flow/select-action/select-action.stories.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import SelectAction from './select-action.component';
+
+export default {
+  title: 'First Time Flow',
+};
+
+export const SelectActionComponent = () => {
+  return <SelectAction />;
+};

ui/pages/first-time-flow/welcome/welcome.stories.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import Welcome from './welcome.component';
+
+export default {
+  title: 'First Time Flow',
+};
+
+export const WelcomeComponent = () => {
+  return <Welcome />;
+};