{"size": 729, "ext": "js", "max_stars_repo_path": "src/scenes/RetroRoom/components/MobileMenu/styled.js", "max_stars_repo_name": "toroduque/its-retro-time", "max_stars_repo_stars_event_min_datetime": "2019-09-09T12:46:11.000Z", "max_stars_repo_stars_event_max_datetime": "2019-09-09T12:46:11.000Z", "max_issues_repo_path": "src/scenes/RetroRoom/components/MobileMenu/styled.js", "max_issues_repo_name": "toroduque/its-retro-time", "max_issues_repo_issues_event_min_datetime": "2020-06-14T13:59:01.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-26T15:47:56.000Z", "max_forks_repo_path": "src/scenes/RetroRoom/components/MobileMenu/styled.js", "max_forks_repo_name": "toroduque/its-retro-time", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": 7, "max_forks_count": null, "avg_line_length": 22.0909090909, "max_line_length": 59, "alphanum_fraction": 0.658436214}
import styled from 'styled-components'

export const MobileMenuWrapper = styled.div`
    display: flex;
    width: 100%;
    background-color: #f9f9f9;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    box-sizing: border-box;
`

export const Container = styled.div`
    display: flex;
    align-items: center;
`

export const SectionTitle = styled.h3`
    font-size: 1.2rem;
    color: ${ props => props.theme.GRAY };
`

export const UsersCount = styled.div`
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: ${props => props.theme.LIGHT_PURPLE};
    margin: 0 1rem;
    font-size: 1.2rem;
`