@hackoregon/component-library/src/PDF/PDF.js

Official repo for Hack Oregon React component library

import PropTypes from "prop-types";
import React from "react";
import { css } from "emotion";

const pdfClass = css`
  width: 100%;
  height: 700px;
`;

const PDF = ({ url }) => (
  <object className={pdfClass} data={url} type="application/pdf">
    <a href={url}>{url}</a>
  </object>
);

PDF.displayName = "PDF";

PDF.propTypes = {
  url: PropTypes.string
};

export default PDF;