import "./style.css";
import React from "react";
export default class OverlayCard extends React.Component {
  render() {
    return (
      <div className="sCard" style={{}}>
        <h3 style={{}}>
          <b> {this.props.title.name}:</b> {this.props.OverlayInfo.name}
        </h3>
        <div>
          <p style={{ fontSize: "1.4em" }}>
            <b>{this.props.title.discription}:</b>
            {this.props.OverlayInfo.description}
          </p>
          <iframe
            style={{ width: "100%", height: " 100vh" }}
            src={this.props.OverlayInfo.homepage}
            seamless="false"
          ></iframe>
        </div>
      </div>
    );
  }
}