How to use the emotion-theming.withTheme function in emotion-theming

shadow: 'single',
  open: false,
  transitionDuration: {
    enter: transitions.duration.enteringScreen,
    exit: transitions.duration.leavingScreen
  },
  variant: 'temporary', // Mobile first.
  SlideProps: {},
  CardProps: {},
  ModalProps: { open: false },
  onClose: () => {},
  children: null,
  className: null
};

export default withTheme(Drawer);

import PropTypes from 'prop-types';
import React from 'react';
import Inspector from 'react-inspector';
import { withTheme } from 'emotion-theming';

import { ActionBar, ActionButton } from '@storybook/components';

import { Actions, Action, Wrapper, InspectorContainer, Countwrap, Counter } from './style';

const ActionLogger = withTheme(({ actions, onClear, theme }) => (
  
    
      {actions.map(action => (
        
          {action.count > 1 && {action.count}}
          
            
          
        
      ))}

) : (
        
          
        
      )}
    
  
)

export default withTheme(Seek)

const outTheme = isThemeFn(theme) ? theme(props, context) : theme;
    const { theme: ignore, ...outProps } = props;

    return (
      
        
      
    );
  };

  Wrapper.propTypes = WrappedComponent.propTypes;
  Wrapper.displayName = wrapDisplayName(WrappedComponent, 'Themed');

  hoistNonReactStatics(Wrapper, WrappedComponent);

  return withTheme(Wrapper);
};

theme,
  backgroundColor = theme.backgroundPrimary
}) => (
  
    
      
      Progressive Tooling
    
    
      A list of community-built, third-party tools that can be used to improve
      page performance
    
  
);

export const Hero = withTheme(HeroComponent);

{name === "Sun" && }
    {name === "User" && }
    {label && labelRight && (
      <span style="{{">
        {label}
      </span>
    )}
  
)

export default withTheme(Icon)

{item.routes.map(route => (
        
          {route.label}
        
      ))}
    
  );
}

export default withTheme(SubNav);

);
}

ShortcutsHelp.propTypes = {
  theme: PropTypes.shape({}).isRequired,
  isOpen: PropTypes.bool,
  onClose: PropTypes.func,
  platform: PropTypes.string.isRequired,
};
ShortcutsHelp.defaultProps = {
  isOpen: false,
  onClose: () => {},
};

export default withTheme(ShortcutsHelp);

value={selectedOption}
    {...rest}
  />
);

Select.propTypes = {
  selectedOption: PropTypes.shape({
    label: PropTypes.string,
    value: PropTypes.object
  }).isRequired,
  theme: PropTypes.shape({
    select: PropTypes.object
  }).isRequired
};

export default withTheme(Select);