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

Xchain Components

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

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

type Props = {
  trigger: React.Node,
  content: React.Node,
  flowing?: boolean,
  hoverable?: boolean
};


const XPopUp = (props: Props) => {
  const {
    trigger, content, flowing, hoverable,
  } = props;
  return (
    <Popup
      trigger={trigger}
      flowing={flowing}
      hoverable={hoverable}
    >
      {
        content
      }
    </Popup>
  );
};

XPopUp.defaultProps = {
  flowing: true,
  hoverable: true,
};

export default XPopUp;