import React from 'react';
import Box from '../UI/Box/Box';
import Button from '../UI/Button/Button';
import './ErrorDetails.css';

export default props => {
  return (
    <Box dxStyle={{padding: '8px'}}>
      <h1 className={'ErrorDetailsHeading'}>Application Error</h1>
      <div className={'ErrorDetailsContent'}>
        <p>{props.error.toString()}</p>
      </div>
      <Button clicked={props.closed}>Dismiss</Button>
    </Box>
  );
};