import React from 'react';
import stl from './issuesModal.module.css';
import IssueForm from './IssueForm';
import { Provider } from 'react-redux';
import store from 'App/store';

const IssuesModal = ({
  sessionId,
  closeHandler,
  provider
}) => {
  return (
    <div className={ stl.wrapper }>
      <h3 className="mb-6 text-lg flex items-center">
        {/* <Icon name={headerIcon} size="18" color="color-gray-darkest" />  */}
        <span>{`Report an Issue on ${provider === 'jira' ? 'Jira' : 'Github'}`}</span>
      </h3>
      <Provider store={store}>
        <IssueForm sessionId={ sessionId } closeHandler={ closeHandler } />
      </Provider>
    </div>
  );
}

export default IssuesModal;