import React from 'react';
import {
  MDBCard,
  MDBCardBody,
  MDBCardTitle,
  MDBCardText,
} from 'mdb-react-ui-kit';
import 'mdb-react-ui-kit/dist/css/mdb.min.css';
import "@fortawesome/fontawesome-free/css/all.min.css";

const Snippet = ({title, text}) => {
  return (
    <MDBCard>
      <MDBCardBody>
        <MDBCardTitle>{title}</MDBCardTitle>
        <MDBCardText style={{textAlign: "left"}}>
          {text}
        </MDBCardText>
      </MDBCardBody>
    </MDBCard>
  );
}


export default Snippet;
