import React from 'react';
import Alert from 'react-bootstrap/Alert';
import Image from 'react-bootstrap/Image';

import doge from '../../res/doge.jpg';
import cate from '../../res/cate.jpg';

const MainPage = () => {

  return <Alert dismissible variant="danger">
    <Alert.Heading>Oh snap! You got an error!</Alert.Heading>
    <p>
      Change this and that and try again.
    </p>
    <Image src={doge} />
    <Image src={cate} />
  </Alert>
}

export default MainPage;
