How to use the react-native-bpk-theming.withTheme function in react-native-bpk-theming

{trailingButton &&
            React.cloneElement(trailingButton, {
              disabledTintColor,
              touchableColor,
              tintColor,
            })}
        
        {hasSubtitleView && (
          
        )}
      
    );
  }
}

export default withTheme(BpkNavigationBar);

const propTypes = {
  ...commonPropTypes,
  borderlessBackground: PropTypes.bool,
  style: ViewPropTypes.style,
};

BpkButtonLink.propTypes = propTypes;

BpkButtonLink.defaultProps = {
  ...commonDefaultProps,
  borderlessBackground: true,
  style: null,
};

export default withTheme(BpkButtonLink);

);
};

BpkButtonLink.propTypes = {
  ...commonPropTypes,
  large: PropTypes.bool,
};

BpkButtonLink.defaultProps = {
  ...commonDefaultProps,
  large: false,
};

export default withTheme(BpkButtonLink);

{trailingButton &&
            React.cloneElement(trailingButton, {
              disabledTintColor,
              tintColor,
              leading: false,
            })}
        
        {hasSubtitleView && (
          
        )}
      
    );
  }
}

export default withTheme(BpkNavigationBar);

theme: themePropType,
};

BpkHorizontalNavItem.propTypes = propTypes;

BpkHorizontalNavItem.defaultProps = {
  accessibilityLabel: null,
  disabled: false,
  selected: false,
  small: false,
  style: null,
  theme: null,
};

export { propTypes };
export default withTheme(BpkHorizontalNavItem);

const propTypes = {
  theme: themePropType,
  xOffset: PropTypes.oneOfType([PropTypes.number, PropTypes.instanceOf(Object)])
    .isRequired,
  width: PropTypes.oneOfType([PropTypes.number, PropTypes.instanceOf(Object)])
    .isRequired,
};

BpkHorizontalNavSelectedIndicator.propTypes = propTypes;

BpkHorizontalNavSelectedIndicator.defaultProps = {
  theme: null,
};

export default withTheme(BpkHorizontalNavSelectedIndicator);
export { propTypes };

);
};

const propTypes = {
  theme: makeThemePropType(REQUIRED_THEME_ATTRIBUTES),
  value: PropTypes.bool,
};

BpkSwitch.propTypes = propTypes;

BpkSwitch.defaultProps = {
  theme: null,
  value: false,
};

export default withTheme(BpkSwitch);
export { propTypes };

)}
        
      
    
  );
};

BpkButton.propTypes = {
  ...commonPropTypes,
};

BpkButton.defaultProps = {
  ...commonDefaultProps,
};

export default withTheme(BpkButton);
export { BUTTON_TYPES, ICON_ALIGNMENTS };

);
};

BpkButton.propTypes = {
  ...commonPropTypes,
  large: PropTypes.bool,
};

BpkButton.defaultProps = {
  ...commonDefaultProps,
  large: false,
};

export default withTheme(BpkButton);
export { BUTTON_TYPES, ICON_ALIGNMENTS };

const propTypes = {
  small: PropTypes.bool,
  theme: makeThemePropType(REQUIRED_THEME_ATTRIBUTES),
  type: PropTypes.oneOf(Object.keys(SPINNER_TYPES)),
};

BpkSpinner.propTypes = propTypes;

BpkSpinner.defaultProps = {
  small: false,
  theme: null,
  type: 'primary',
};

export default withTheme(BpkSpinner);
export { propTypes, SPINNER_TYPES };