xchain-components/src/components/XLoader/index.js

Xchain Components

/* @flow */
/* eslint react/jsx-filename-extension: 0 */

import * as React from 'react';
import { Loader } from 'semantic-ui-react';

type Props = {
  active: boolean,
  children: React.Node,
  content: React.Node,
  disabled: boolean,
  indeterminate: boolean,
  inline: boolean | string,
  inverted: boolean,
  size: string

};

const XLoader = (props: Props) => {
  const {
    active, children, content, disabled, indeterminate, inline, inverted, size
  } = props;
  console.log("load");
  return (
    <Loader
      active={active}
      content={content}
      disabled={disabled}
      indeterminate={indeterminate}
      inline={inline}
      inverted={inverted}
      size={size}
    >
    {children}
    </Loader>
  );
};

XLoader.defaultProps = {
};

export default XLoader;