From 1f3c1f563ac0cfbc46b7f31a6235243792a74819 Mon Sep 17 00:00:00 2001
From: Weliton de Resende <welitonderesende@gmail.com>
Date: Mon, 21 Jun 2021 15:57:37 -0300
Subject: [PATCH] feat(Tabs): change css properties to use constraints from
 theme

---
 src/components/Tabs/Tabs.tsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/components/Tabs/Tabs.tsx b/src/components/Tabs/Tabs.tsx
index 301ce99f..ac83a7eb 100644
--- a/src/components/Tabs/Tabs.tsx
+++ b/src/components/Tabs/Tabs.tsx
@@ -62,8 +62,6 @@ const Tabs = ({
 
 export interface TabButtonProps {
   title: string
-  // children: React.ReactNode
-  // className?: HTMLAttributes<HTMLDivElement>["className"]
 }
 
 const TabButton = ({ title }: TabButtonProps) => {
@@ -77,7 +75,6 @@ const TabButton = ({ title }: TabButtonProps) => {
       sx={{
         px: 6,
         py: 2,
-        variant: "text.body1",
         cursor: "pointer",
         position: "relative",
         overflow: "hidden",
@@ -132,8 +129,8 @@ const TabPanel = ({ children, index }: TabPanelProps) => {
             position: "relative",
             py: 5,
             px: 6,
-            borderRadius: "12px",
-            borderTopLeftRadius: openIndex == 0 && isOpen ? "0" : "12px",
+            borderRadius: 3,
+            borderTopLeftRadius: openIndex == 0 && isOpen ? 0 : 3,
             border: "1px solid",
             borderColor: "text.90",
             backgroundColor: "text.95",