1 files changed, 29 insertions, 0 deletions
diff --git a/src/core/components/elements/Badge/Badge.jsx b/src/core/components/elements/Badge/Badge.jsx
new file mode 100644
index 00000000..e50cdc78
--- /dev/null
+++ b/src/core/components/elements/Badge/Badge.jsx
@@ -0,0 +1,29 @@
+const Badge = ({ children, type, ...props }) => {
+  return (
+    <div
+      {...props}
+      className={`${badgeStyle(type)} ${props?.className}`}
+    >
+      {children}
+    </div>
+  )
+}
+
+Badge.defaultProps = {
+  className: ''
+}
+
+const badgeStyle = (type) => {
+  let className = ['rounded px-1 text-[11px]']
+  switch (type) {
+    case 'solid-red':
+      className.push('bg-red_r-11 text-white')
+      break
+    case 'light':
+      className.push('bg-gray_r-4 text-gray_r-11')
+      break
+  }
+  return className.join(' ')
+}
+
+export default Badge