Refactor

1 files changed, 33 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..5d8ebd1c
--- /dev/null
+++ b/src/core/components/elements/Badge/Badge.jsx
@@ -0,0 +1,33 @@
+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
\ No newline at end of file