1 files changed, 20 insertions, 0 deletions
diff --git a/ui/src/components/Button.tsx b/ui/src/components/Button.tsx
new file mode 100644
index 00000000..5f7e1160
--- /dev/null
+++ b/ui/src/components/Button.tsx
@@ -0,0 +1,20 @@
+export enum ButtonStyle {
+  PrimarySm = "bg-emerald-500 hover:bg-emerald-600",
+  PrimarySmFill = "bg-emerald-500 hover:bg-emerald-600 w-full text-sm",
+}
+
+interface ButtonProps {
+  text: string;
+  style: ButtonStyle;
+}
+
+export default function Button(props: ButtonProps) {
+  return (
+    <button
+      type="button"
+      className={`rounded ${props.style} px-2 py-1 font-semibold text-white shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-500`}
+    >
+      {props.text}
+    </button>
+  );
+}