Changed the Tab component to work with generic props (see mui#13868)

packages/material-ui/src/Tab/Tab.d.ts

@@ -1,34 +1,38 @@
-import * as React from 'react';
-import { StandardProps } from '..';
-import { ButtonBaseProps } from '../ButtonBase';
+import * as React from "react";
+import { ExtendButtonBase } from '../ButtonBase';
+import { SimplifiedPropsOf } from '../OverridableComponent';
 
-export interface TabProps extends StandardProps<ButtonBaseProps, TabClassKey, 'onChange'> {
-  disabled?: boolean;
-  fullWidth?: boolean;
-  icon?: string | React.ReactElement;
-  value?: any;
-  label?: React.ReactNode;
-  onChange?: (event: React.ChangeEvent<{ checked: boolean }>, value: any) => void;
-  onClick?: React.EventHandler<any>;
-  selected?: boolean;
-  style?: React.CSSProperties;
-  textColor?: string | 'secondary' | 'primary' | 'inherit';
-}
+declare const Tab: ExtendButtonBase<{
+  props: {
+    disabled?: boolean;
+    fullWidth?: boolean;
+    icon?: string | React.ReactElement<any>;
+    value?: any;
+    label?: React.ReactNode;
+    onChange?: (event: React.ChangeEvent<{ checked: boolean }>, value: any) => void;
+    onClick?: React.EventHandler<any>;
+    selected?: boolean;
+    style?: React.CSSProperties;
+    textColor?: string | "secondary" | "primary" | "inherit";
+  };
+  defaultComponent: "div";
+  classKey: TabClassKey;
+}>;
 
 export type TabClassKey =
-  | 'root'
-  | 'labelIcon'
-  | 'textColorInherit'
-  | 'textColorPrimary'
-  | 'textColorSecondary'
-  | 'selected'
-  | 'disabled'
-  | 'fullWidth'
-  | 'wrapper'
-  | 'labelContainer'
-  | 'label'
-  | 'labelWrapped';
+  | "root"
+  | "labelIcon"
+  | "textColorInherit"
+  | "textColorPrimary"
+  | "textColorSecondary"
+  | "selected"
+  | "disabled"
+  | "fullWidth"
+  | "wrapper"
+  | "labelContainer"
+  | "label"
+  | "labelWrapped";
 
-declare const Tab: React.ComponentType<TabProps>;
+export type TabProps = SimplifiedPropsOf<typeof Tab>;
 
 export default Tab;