{"size": 482, "ext": "js", "max_stars_repo_path": "portfolio/src/components/CardInfo.js", "max_stars_repo_name": "EliBadio/react-portfolio", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "portfolio/src/components/CardInfo.js", "max_issues_repo_name": "EliBadio/react-portfolio", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "portfolio/src/components/CardInfo.js", "max_forks_repo_name": "EliBadio/react-portfolio", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 16.0666666667, "max_line_length": 78, "alphanum_fraction": 0.6514522822}
import React from "react";

import {useSpring, animated} from 'react-spring';

function CardInfo(props) {

const style = useSpring({opacity: 1, from: {opacity: 0}})


return (
  <animated.div className="e-card-info" style={style}>
      <p className='e-card-title'>{props.title} </p>
      <p className="e-card-sub-title">{props.subTitle} </p>
      <a href={props.link} target="blank" rel="noopener noreferrer"> view </a>

  </animated.div>

);

}

export default CardInfo;







