@@ -8,7 +8,7 @@ export default function Tabs({
88 currentTab,
99 onTabChange,
1010 className,
11− tabClassName,
11+ center = false,
1212 ...rest
1313}) {
1414 const Tab = views[currentTab];
@@ -26,17 +26,19 @@ export default function Tabs({
2626 key={option.value}
2727 onClick={() => onTabChange(option.value)}
2828 className={cn(
29− tabClassName,
3029 'f5 pv3 pointer nowrap',
3130 {
3231 'black b-black bb1': isActive,
3332 gray3: !isActive,
3433 },
34+ {
35+ 't-center flex1': center,
36+ },
3537 {
3638 // all items have right margin/padding
37− 'mr2 pr2': true,
39+ 'mr2 pr2': !center,
3840 // the first one is flush to the left
39− 'ml2 pl2': !isFirst,
41+ 'ml2 pl2': !isFirst && !center,
4042 }
4143 )}>
4244 {option.text}