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

Xchain Components

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

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

type Props = {
  trigger: React.Node,
  header: React.Node,
  content: React.Node,
  open: boolean,
  closeIcon?: boolean,
};


const XModal = (props: Props) => {
  const {
    trigger, header, content, closeIcon, open,
  } = props;
  return (
    <Modal trigger={trigger} closeIcon={closeIcon} open={open}>
      <Modal.Header>
        {
          header
        }
      </Modal.Header>
      <Modal.Content >
        {
          content
        }
      </Modal.Content>
  </Modal>
  );
};

XModal.defaultProps = {
  closeIcon: true,
};

export default XModal;