From 1b16a21659ab4e1242aab340221d24395f00ff07 Mon Sep 17 00:00:00 2001
From: Katrinputrina <putrina.katya@gmail.ru>
Date: Tue, 15 Aug 2023 16:09:23 +0300
Subject: [PATCH] feat: add size and color to the badge

---
 src/components/Badge.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/Badge.tsx b/src/components/Badge.tsx
index e4810294..51e7ec87 100644
--- a/src/components/Badge.tsx
+++ b/src/components/Badge.tsx
@@ -4,7 +4,7 @@ import { gray7, gray9, radiusL } from '@taskany/colors';
 
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
-    size?: 's' | 'm';
+    size?: 's' | 'm' | 'l' | 'xl';
     color?: string;
     className?: string;
 
@@ -31,6 +31,12 @@ const StyledBadge = styled.div<{ size: BadgeProps['size']; color?: BadgeProps['c
         `,
             m: `
             padding: 2px 8px;
+        `,
+            l: `
+            padding: 3px 12px;
+        `,
+            xl: `
+            padding: 4px 16px;
         `,
         }[size]}