1
1
import React from 'react' ;
2
- import { makeStyles , withStyles } from '@material-ui/styles' ;
2
+ import { makeStyles , withStyles , Theme , createStyles } from '@material-ui/core /styles' ;
3
3
import Tabs from '@material-ui/core/Tabs' ;
4
4
import Tab from '@material-ui/core/Tab' ;
5
5
import Typography from '@material-ui/core/Typography' ;
6
- import { Theme } from '@material-ui/core/styles' ;
7
6
8
7
interface StyledTabsProps {
9
8
value : number ;
@@ -27,15 +26,17 @@ interface StyledTabProps {
27
26
label : string ;
28
27
}
29
28
30
- const StyledTab = withStyles ( ( theme : Theme ) => ( {
31
- root : {
32
- textTransform : 'initial' ,
33
- color : '#fff' ,
34
- fontWeight : theme . typography . fontWeightRegular ,
35
- fontSize : theme . typography . pxToRem ( 15 ) ,
36
- marginRight : theme . spacing ( 1 ) ,
37
- } ,
38
- } ) ) ( ( props : StyledTabProps ) => < Tab disableRipple { ...props } /> ) ;
29
+ const StyledTab = withStyles ( ( theme : Theme ) =>
30
+ createStyles ( {
31
+ root : {
32
+ textTransform : 'initial' ,
33
+ color : '#fff' ,
34
+ fontWeight : theme . typography . fontWeightRegular ,
35
+ fontSize : theme . typography . pxToRem ( 15 ) ,
36
+ marginRight : theme . spacing ( 1 ) ,
37
+ } ,
38
+ } ) ,
39
+ ) ( ( props : StyledTabProps ) => < Tab disableRipple { ...props } /> ) ;
39
40
40
41
const useStyles = makeStyles ( ( theme : Theme ) => ( {
41
42
root : {
0 commit comments