import React from 'react';
import Screen from './screen';
import * as l from './index';

export default class ErrorScreen extends Screen {

  constructor() {
    super("error");
  }

  render() {
    return ErrorPane;
  }

}

const ErrorPane = ({t}) => (
  <div className="auth0-lock-error-pane">
    <p>{t("unrecoverableError")}</p>
  </div>
);


ErrorPane.propTypes = {
  t: React.PropTypes.func.isRequired
};

import React from 'react';
import Screen from './screen';
import * as l from './index';

export default class ErrorScreen extends Screen {

  constructor() {
    super("error");
  }

  render() {
    return ErrorPane;
  }

}

const ErrorPane = ({i18n}) => (
  <div className="auth0-lock-error-pane">
    <p>{i18n.html("unrecoverableError")}</p>
  </div>
);


ErrorPane.propTypes = {
  t: React.PropTypes.func.isRequired
};

Use i18n prop instead of t in Error screen
Use i18n prop instead of t in Error screen
