Add components/Card, File, Select, Textarea, Typography

src/components/Card/index.jsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+export default function Card({ style, children, ...restProps }) {
+  return (
+    <div {...restProps} style={style}>
+      {children}
+    </div>
+  );
+}
+
+Card.propTypes = {
+  style: PropTypes.object,
+  children: PropTypes.element.isRequired,
+};

src/components/File/index.jsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import Input from '../Input';
+
+export default function File({ name, accept, ...restProps }) {
+  return (
+    <Input {...restProps} type="file" id={name} name={name} accept={accept} />
+  );
+}
+
+File.propTypes = {
+  name: PropTypes.string,
+  accept: PropTypes.string,
+};

src/components/Select/index.jsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+export default function Select({ name, options }) {
+  return (
+    <select name={name} id={name}>
+      {options.map(({ value, label }) => (
+        <option key={`${name}-${label}`} value={value}>
+          {label}
+        </option>
+      ))}
+    </select>
+  );
+}
+
+Select.propTypes = {
+  name: PropTypes.string,
+  options: PropTypes.array,
+};
+
+Select.defaultProps = {
+  options: [],
+};

src/components/Textarea/index.jsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+export default function Textarea({ name, text, rows, cols, ...restProps }) {
+  return (
+    <textarea {...restProps} id={name} name={name} rows={rows} cols={cols}>
+      {text}
+    </textarea>
+  );
+}
+
+Textarea.propTypes = {
+  name: PropTypes.string,
+  text: PropTypes.string,
+  rows: PropTypes.number,
+  cols: PropTypes.number,
+};
+
+Textarea.defaultProps = {
+  checked: false,
+};

src/components/Typography/index.jsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+export default function Typography({ type, text, ...restProps }) {
+  return React.createElement(`${type}`, { ...restProps }, text);
+}
+
+Typography.propTypes = {
+  type: PropTypes.string,
+  text: PropTypes.string.isRequired,
+};
+
+Typography.defaultProps = {
+  type: 'div',
+};