{"size": 406, "ext": "js", "max_stars_repo_path": "components/TouchableIcon/TouchableIcon.style.js", "max_stars_repo_name": "aballister/likar-plus-app", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "components/TouchableIcon/TouchableIcon.style.js", "max_issues_repo_name": "aballister/likar-plus-app", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "components/TouchableIcon/TouchableIcon.style.js", "max_forks_repo_name": "aballister/likar-plus-app", "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": 27.0666666667, "max_line_length": 53, "alphanum_fraction": 0.645320197}
import styled from 'styled-components';

export const TouchableIconView = styled.View`
    overflow: hidden;
    border-radius: ${props => `${props.size / 2}px`};
    margin-left: -5px;
    margin-right: -4px;
`;

export const TouchableIconInnerView = styled.View`
    align-items: center;
    justify-content: center;
    height: ${props => `${props.size}px`};
    width: ${props => `${props.size}px`};
`;