import React from 'react';
import PropTypes from 'prop-types';
import Headline from '@folio/stripes-components/lib/Headline';
import { FormattedMessage } from 'react-intl';

// TODO: release version of @folio/stripes-components has a broken index.js
// TODO: so just reach in and grab it from lib.
// TODO: see https://github.com/folio-org/stripes-components/pull/39
// import { Pluggable } from '@folio/stripes-components';
import Pluggable from '@folio/stripes-components/lib/Pluggable';

import css from './Front.css';
import AddContext from '../AddContext';

const Front = ({ stripes }) => (
  <AddContext context={{ stripes }}>
    <Pluggable type="frontpage">
      <div className={css.frontWrap}>
        <Headline faded tag="h1" margin="none" className={css.frontTitle}><FormattedMessage id="stripes-core.front.welcome" /></Headline>
      </div>
    </Pluggable>
  </AddContext>
);

Front.propTypes = {
  stripes: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types
};

export default Front;

@@ -171,212 +171,14 @@
 ';%0A%0A
-// TODO: release version of @folio/stripes-components has a broken index.js%0A// TODO: so just reach in and grab it from lib.%0A// TODO: see https://github.com/folio-org/stripes-components/pull/39%0A// import %7B
+import
  Plu
@@ -187,97 +187,17 @@
 able
- %7D
  from '
-@folio/stripes-components';%0Aimport Pluggable from '@folio/stripes-components/lib
+..
 /Plu

Use local Pluggable