From c4b0fde7e10685ede2fbd328d6ea8cce587a8b5b Mon Sep 17 00:00:00 2001
From: Jason Liu <jasonisaliu@gmail.com>
Date: Thu, 23 Sep 2021 20:04:32 -0400
Subject: [PATCH] added component for nicer list bullets

---
 components/Bullet.tsx | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 components/Bullet.tsx

diff --git a/components/Bullet.tsx b/components/Bullet.tsx
new file mode 100644
index 0000000..59439bb
--- /dev/null
+++ b/components/Bullet.tsx
@@ -0,0 +1,20 @@
+import {useTranslation} from 'next-i18next';
+
+interface BulletProps {
+    text: string;
+}
+
+function Bullet(props: BulletProps): JSX.Element {
+  const { t } = useTranslation(["index"]);
+
+  return (
+      <li className="flex flex-row space-x-4 items-center">
+          <svg className="h-5 w-5 mx-2 fill-current text-green-500" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+              <circle fillRule="evenodd" clipRule="evenodd" cx="10" cy="10" r="5" />
+          </svg>
+          {props.text}
+      </li>
+  )
+}
+
+export default Bullet;
\ No newline at end of file