How to use the @ui5/webcomponents-react-base.withStyles function in @ui5/webcomponents-react-base

return (
      <div title="{tooltip}" style="{style}">
        {loading &amp;&amp; datasets.length &gt; 0 &amp;&amp; }
        {/*
        // @ts-ignore */}
        {loading &amp;&amp; datasets.length === 0 &amp;&amp; }
        {datasets.length &gt; 0 &amp;&amp; }
      </div>
    );
  };

  ChartContainer.defaultProps = Component.defaultProps;
  hoistNonReactStatics(ChartContainer, Component);

  return withStyles(styles)(ChartContainer);
};

export interface PaginationProps {
  children: string;
  numItems: number;
  onSelectionChange: (event: object) => void;
}

interface PaginationPropsInternal extends PaginationProps, ClassProps {
  canNext: boolean;
  canPrevious: boolean;
  pages: number;
  page: number;
  onPageChange: (page) => null;
}

@withStyles(styles)
export class Pagination extends Component {
  static defaultProps = {
    numItems: 0
  };

  onNavigatePress = (page: number, mode: NavigationModes) => {
    const { onPageChange, onSelectionChange } = this.props as PaginationPropsInternal;
    let newPage = -1;

    switch (mode) {
      case NavigationModes.rightArrowPress:
        newPage = page + 1;
        onPageChange(newPage);
        if (onSelectionChange) {
          onSelectionChange({ newPage });
        }

import { withStyles } from '@ui5/webcomponents-react-base';
import * as React from 'react';
import { LoaderStyles } from './Loader.jss';

export const Loader = withStyles(LoaderStyles)(({ classes }) => (
  <div>Loading...</div>
));