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

Xchain Components

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

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

type Props = {
  active: boolean,
  page: boolean,
  inverted: boolean,
  children: React.Node

};

const XDimmer = (props: Props) => {
  const {
    active, page, inverted, children
  } = props;
  return (
    <Dimmer
      active={active}
      page={page}
      inverted={inverted}
    >
    {children}
    </Dimmer>
  );
};

XDimmer.defaultProps = {
  active: false
};

export default XDimmer;