feat: add aria-current for Tabs component (#520)

Author: Kyzyl-ool

src/components/ButtonTabs/ButtonTabs.tsx

@@ -54,15 +54,22 @@ const ButtonTabs: React.FC<ButtonTabsProps> = ({
 
     return (
         <div className={b(null, className)} data-qa={qa}>
-            {items.map(({id, title}) => (
-                <Button
-                    text={title}
-                    className={b('item', {active: id === activeTabId})}
-                    key={title}
-                    size={tabSize}
-                    onClick={handleClick(id)}
-                />
-            ))}
+            {items.map(({id, title}) => {
+                const isActive = id === activeTabId;
+
+                return (
+                    <Button
+                        text={title}
+                        className={b('item', {active: isActive})}
+                        key={title}
+                        size={tabSize}
+                        onClick={handleClick(id)}
+                        extraProps={{
+                            'aria-current': isActive,
+                        }}
+                    />
+                );
+            })}
         </div>
     );
 };

src/models/constructor-items/common.ts

@@ -180,7 +180,9 @@ export type ButtonTheme =
     | 'scale'
     | 'monochrome';
 
-export interface ButtonProps extends AnalyticsEventsBase, Pick<UikitButtonProps, 'size' | 'width'> {
+export interface ButtonProps
+    extends AnalyticsEventsBase,
+        Pick<UikitButtonProps, 'size' | 'width' | 'extraProps'> {
     text: string;
     url: string;
     primary?: boolean;