feat(app-components): add input stories

packages/game-app/src/_shared/components/Input/Input.stories.tsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import { Story, Meta } from '@storybook/react';
+import { ReactComponent as KeyboardIcon } from '../../../assets/icons/keyboard.svg';
+
+import Input from './Input';
+
+export default {
+  title: 'Components/Input',
+  component: Input,
+  argTypes: {},
+} as Meta;
+
+const Template: Story<React.ComponentProps<typeof Input>> = args => <Input {...args} />;
+
+export const Default = Template.bind({});
+
+Default.args = {};
+
+export const Clear = Template.bind({});
+Clear.decorators = [
+  Story => (
+    <div style={{ padding: '50px', background: 'lightgray' }}>
+      <Story />
+    </div>
+  ),
+];
+Clear.args = {
+  variant: 'clear',
+};
+
+export const WithIcon = Template.bind({});
+WithIcon.args = {
+  iconLeft: <KeyboardIcon />,
+};

packages/game-app/src/_shared/components/TextInput/TextInput.stories.tsx

@@ -4,7 +4,7 @@ import { Story, Meta } from '@storybook/react';
 import TextInput from './TextInput';
 
 export default {
-  title: 'Components/TextInput',
+  title: 'Components/FormTextInput',
   component: TextInput,
   argTypes: {},
 } as Meta;