@@ -7,16 +7,17 @@ const Tabs = ({ labels, children }) => {
77
88 return (
99 <TabContext.Provider value={currentTab}>
10− <ul role="tablist">
10+ <ul className="flex items-center display cursor-pointer space-x-4">
1111 {labels.map((label) => (
12− <li key={label}>
13− <button
14− role="tab"
15− aria-selected={label === currentTab}
16− onClick={() => setCurrentTab(label)}
17− >
18− {label}
19− </button>
12+ <li
13+ className={
14+ "block bg-wall-100 tab rounded-xl " +
15+ (currentTab === label ? "font-semibold" : "")
16+ }
17+ key={label}
18+ onClick={() => setCurrentTab(label)}
19+ >
20+ {label}
2021 </li>
2122 ))}
2223 </ul>