import { makeStyles } from "../theme" ; import { TooltipProps } from "./Tooltip" ; const useStyles = makeStyles < TooltipProps , "tooltip" > ( ( theme ) => ( { tooltip : { backgroundColor : ( props ) => { switch ( props . variant ) { case "info" : return theme . palette . info . main ; case "success" : return theme . palette . success . main ; case "warning" : return theme . palette . warning . main ; case "error" : return theme . palette . error . main ; default : return theme . palette . info . main ; } } } } ) , { name : "Tooltip" } ) ; export default useStyles ;