// Libraries
import React, { Component } from 'react';

// Components
import CustomScrollbar from '../CustomScrollbar/CustomScrollbar';
import PageLoader from '../PageLoader/PageLoader';

interface Props {
  isLoading?: boolean;
  children: JSX.Element[] | JSX.Element;
}

class PageContents extends Component<Props> {

  render() {
    const { isLoading } = this.props;

    return (
      <div className="page-container page-body">
        <CustomScrollbar>
          {isLoading && <PageLoader />}
          {this.props.children}
        </CustomScrollbar>
      </div>
    );
  }
}

export default PageContents;

// Libraries
import React, { Component } from 'react';

// Components
import { CustomScrollbar } from '@grafana/ui';
import PageLoader from '../PageLoader/PageLoader';

interface Props {
  isLoading?: boolean;
  children: JSX.Element[] | JSX.Element;
}

class PageContents extends Component<Props> {

  render() {
    const { isLoading } = this.props;

    return (
      <div className="page-container page-body">
        <CustomScrollbar>
          {isLoading && <PageLoader />}
          {this.props.children}
        </CustomScrollbar>
      </div>
    );
  }
}

export default PageContents;

Fix import path after Scrollbar move to @grafana/ui
fix: Fix import path after Scrollbar move to @grafana/ui
