{"size": 244, "ext": "js", "max_stars_repo_path": "components/general/Accordion/Toggle/index.js", "max_stars_repo_name": "zerebral/marketcheck", "max_stars_repo_stars_event_min_datetime": "2021-09-10T05:04:29.000Z", "max_stars_repo_stars_event_max_datetime": "2021-09-10T05:04:29.000Z", "max_issues_repo_path": "components/general/Accordion/Toggle/index.js", "max_issues_repo_name": "zerebral/marketcheck", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "components/general/Accordion/Toggle/index.js", "max_forks_repo_name": "zerebral/marketcheck", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 15.25, "max_line_length": 53, "alphanum_fraction": 0.631147541}
import styled from 'styled-components'

const Toggle = styled.a`
  display: ${props => props.open ? 'none' : 'block'};
  width: 20px;
  height: 20px;
  margin-left: auto;

  svg {
    width: 20px;
    height: 20px;
  }
`

export default Toggle
