From 6bbe3b5c8d0e9fe3670d0be59aa87e8e722050ed Mon Sep 17 00:00:00 2001
From: Tan Su Yin <e0425292@u.nus.edu>
Date: Thu, 6 Oct 2022 17:55:56 +0800
Subject: [PATCH] [resume][feat] Add filter pills

---
 .../src/components/resumes/browse/FilterPill.tsx  | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 apps/portal/src/components/resumes/browse/FilterPill.tsx

diff --git a/apps/portal/src/components/resumes/browse/FilterPill.tsx b/apps/portal/src/components/resumes/browse/FilterPill.tsx
new file mode 100644
index 00000000..c34f4763
--- /dev/null
+++ b/apps/portal/src/components/resumes/browse/FilterPill.tsx
@@ -0,0 +1,15 @@
+type Props = Readonly<{
+  onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+  title: string;
+}>;
+
+export default function FilterPill({ title, onClick }: Props) {
+  return (
+    <button
+      className="rounded-xl border border-indigo-500 border-transparent bg-white px-2 py-1 text-xs font-medium text-indigo-500 focus:bg-indigo-500 focus:text-white"
+      type="button"
+      onClick={onClick}>
+      {title}
+    </button>
+  );
+}