From 2229b6f670c417fa4301e776fb3c9f541c22ab98 Mon Sep 17 00:00:00 2001
From: kevin <kevin@basistheory.com>
Date: Wed, 7 Dec 2022 10:51:56 -0600
Subject: [PATCH] feat: add component for permissions

---
 src/components/shared/Permission.module.css | 11 +++++++++++
 src/components/shared/Permission.tsx        |  9 +++++++++
 2 files changed, 20 insertions(+)
 create mode 100644 src/components/shared/Permission.module.css
 create mode 100644 src/components/shared/Permission.tsx

diff --git a/src/components/shared/Permission.module.css b/src/components/shared/Permission.module.css
new file mode 100644
index 00000000..6d5db5ab
--- /dev/null
+++ b/src/components/shared/Permission.module.css
@@ -0,0 +1,11 @@
+.container .content {
+  font-family: "Source Code Pro", monospace;
+  font-weight: 500;
+  line-height: 180%;
+  color: #1e233b;
+  background-color: #cacddb;
+  display: inline-block;
+  border: 1px solid #d9dbf8;
+  border-radius: 1px;
+  padding: 0px 8px;
+}
diff --git a/src/components/shared/Permission.tsx b/src/components/shared/Permission.tsx
new file mode 100644
index 00000000..ad82dedd
--- /dev/null
+++ b/src/components/shared/Permission.tsx
@@ -0,0 +1,9 @@
+import React from "react";
+
+import styles from "./Permission.module.css";
+
+export const Permission = ({ content }) => (
+  <p className={styles.container}>
+    <span className={styles.content}>{content}</span>
+  </p>
+);