3 files changed, 13 insertions, 0 deletions
diff --git a/client/components/common/button.jsx b/client/components/common/button.jsx
new file mode 100644
index 0000000..1e8719a
--- /dev/null
+++ b/client/components/common/button.jsx
@@ -0,0 +1,7 @@
+export const Button = ({ children, ...other }) => {
+  return (
+    <button className="bg-gray-600 pt-2 pb-2 pr-4 pl-4 rounded-lg font-bold text-white" {...other}>
+      {children}
+    </button>
+  );
+};
diff --git a/client/components/common/input.jsx b/client/components/common/input.jsx
new file mode 100644
index 0000000..aa38216
--- /dev/null
+++ b/client/components/common/input.jsx
@@ -0,0 +1,3 @@
+export const Input = (props) => {
+  return <input className="border-2 rounded-lg p-1" {...props} />;
+};
diff --git a/client/components/common/paper.jsx b/client/components/common/paper.jsx
new file mode 100644
index 0000000..9e64c8b
--- /dev/null
+++ b/client/components/common/paper.jsx
@@ -0,0 +1,3 @@
+export const Paper = ({ children }) => {
+  return <div className="shadow-md flex flex-col p-4">{children}</div>;
+};