{"size": 715, "ext": "js", "max_stars_repo_path": "app/components/Ski/index.js", "max_stars_repo_name": "MikkeGF/Schoolsite", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "app/components/Ski/index.js", "max_issues_repo_name": "MikkeGF/Schoolsite", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "app/components/Ski/index.js", "max_forks_repo_name": "MikkeGF/Schoolsite", "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": 20.4285714286, "max_line_length": 71, "alphanum_fraction": 0.6503496503}
/**
 *
 * Ski
 *
 */

import React, {useState} from 'react';
// import PropTypes from 'prop-types';
// import styled from 'styled-components';
import AnimateCC from "react-adobe-animate";


function Ski() {
  const [paused, setPaused] = useState(false);
  const [, setAnimationObject] = useState(null);
  const getAnimationObject = obj => setAnimationObject(obj);
  const onClick = () => setPaused(!paused);


  return (
    <React.Fragment>
      <AnimateCC
      animationName="ski_atlas_1"
      getAnimationObject={getAnimationObject}
      paused={paused}
      />
      <button onClick={onClick}>{paused ? "Unpause" : "Pause"}</button>
      </React.Fragment>
  );
}

Ski.propTypes = {};

export default Ski;
