{"size": 240, "ext": "js", "max_stars_repo_path": "src/client/src/components/AnimationScreen.js", "max_stars_repo_name": "dresha-dev/game-thimble", "max_stars_repo_stars_event_min_datetime": "2019-07-03T11:53:15.000Z", "max_stars_repo_stars_event_max_datetime": "2019-07-03T11:53:15.000Z", "max_issues_repo_path": "src/client/src/components/AnimationScreen.js", "max_issues_repo_name": "dresha-dev/game-thimble", "max_issues_repo_issues_event_min_datetime": "2020-07-17T10:04:58.000Z", "max_issues_repo_issues_event_max_datetime": "2020-07-17T10:04:58.000Z", "max_forks_repo_path": "src/client/src/components/AnimationScreen.js", "max_forks_repo_name": "dresha-dev/game-thimble", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 26.6666666667, "max_line_length": 109, "alphanum_fraction": 0.7291666667}
import styled from 'styled-components'

const AnimationScreen = styled.div`
  margin: 0px auto;
  transform: translate(calc(50% - ${({ thimbleSize, thimbleCount }) => (thimbleSize * thimbleCount) / 2}px));
`

export default AnimationScreen
