{"size": 644, "ext": "js", "max_stars_repo_path": "water-my-plant/src/Comfirmation.js", "max_stars_repo_name": "Build-Week-Water-My-Plants-2-Cori/front-end", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "water-my-plant/src/Comfirmation.js", "max_issues_repo_name": "Build-Week-Water-My-Plants-2-Cori/front-end", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "water-my-plant/src/Comfirmation.js", "max_forks_repo_name": "Build-Week-Water-My-Plants-2-Cori/front-end", "max_forks_repo_forks_event_min_datetime": "2020-08-24T16:29:41.000Z", "max_forks_repo_forks_event_max_datetime": "2020-08-24T16:29:41.000Z"}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": 1, "avg_line_length": 23.0, "max_line_length": 51, "alphanum_fraction": 0.6677018634}
import React, { useEffect, useState } from "react";
import styled from "styled-components";
import axios from "axios";
const InforStyle = styled.div`
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.8rem;
  font-family: "Roboto Condensed", sans-serif;
  width: 70%;
  margin: 4% auto;
  border: 2px solid black;
  border-radius: 10px;
`;

export default function Confirmation(props) {
    const {info} = props
    console.log(info.email, 'this is what i want')

return (
    <InforStyle>
      <h3>This is my get data string</h3>
      <p>{info.email}</p>
    </InforStyle>
  );
}
