Component

NavAccountPopover.tsx

import './style.scss';
import * as React from 'react';
import { Popover } from '../';
import { Position } from '@blueprintjs/core';

interface INavAccountPopover { }

export const NavAccountPopover: React.StatelessComponent<INavAccountPopover> = (props) => {
    return (<Popover position={Position.BOTTOM_LEFT} content={(<div>ALL YOUR HTML AND STYLING HERE</div>)}>
      <Button>When this is clicked the element inside the content property is shown as a popover</Button>
    </Popover>)
}