From 8d0b32f8dfe45291426e58f6bf20cffac8dab6e7 Mon Sep 17 00:00:00 2001
From: Joseph Ditton <jditton.atomic@gmail.com>
Date: Tue, 23 Nov 2021 14:04:12 -0700
Subject: adds api, guard, tailwind

---
 client/components/common/button.jsx | 7 +++++++
 client/components/common/input.jsx  | 3 +++
 client/components/common/paper.jsx  | 3 +++
 3 files changed, 13 insertions(+)
 create mode 100644 client/components/common/button.jsx
 create mode 100644 client/components/common/input.jsx
 create mode 100644 client/components/common/paper.jsx

(limited to 'client/components/common')

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>;
+};
-- 
cgit v1.2.3-70-g09d2