feat(input): initial implementation

src/components/common/Input/index.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+import { Outline, Input as StyledInput } from './style';
+
+export enum IconType {
+  Sucess = 'success',
+  Failure = 'failure',
+}
+
+interface IInputElementProps {
+  maxLength: number;
+  minLength: number;
+  max: number;
+  min: number;
+  placeholder?: string;
+  value: string;
+}
+
+interface IProps extends IInputElementProps {
+  type: 'text' | 'number';
+  style?: React.CSSProperties;
+}
+
+const Input: React.FC<IProps> = (props) => {
+  return (
+    <Outline>
+      <StyledInput {...props} />
+    </Outline>
+  );
+};
+
+Input.defaultProps = {
+  type: 'text',
+};
+
+export { Input };

src/components/common/Input/style.ts

@@ -0,0 +1,12 @@
+import styled from 'styled-components';
+
+export const Outline = styled.div``;
+
+export const Input = styled.input`
+  outline: none;
+  width: 100%;
+
+  &:-moz-ui-invalid {
+    box-shadow: none !important;
+  }
+`;