statelessComponent.tsx

import * as React from 'react';
import cx from 'classnames';
import {
  Popover, IPopoverProps,
  PopoverInteractionKind,
  Position
} from '@blueprintjs/core';
import './NotifyPopover.scss';

interface IProps extends IPopoverProps{
  className?: string;
}

const defaultProps = {
  interaction: PopoverInteractionKind.HOVER_TARGET_ONLY,
  position: Position.TOP,
}

const NotifyPopover: React.SFC<IProps> = (props) => {
  const popoverClasses = cx(
    'notify-popover',
    // Merge the classes passed in from props
    { [`${props.className}`]: props.className !== null }
  );

  return (
    <Popover {...props}>
      {props.children}
    </Popover>
  );
};

export default NotifyPopover;