import React, {
  PropsWithChildren
} from 'react';

import {
  TLoading
} from '../types';

interface IProps extends PropsWithChildren<{
  loading: TLoading;
}> {}

export default function WithLoading({
  loading,
  children
}: IProps): JSX.Element {
  switch (loading) {
    case 2:
      return <>{children}</>;
    case -1:
      return <div>Data load error</div>;
    default:
      return <div>Loading...</div>;
  }
}