{"size": 337, "ext": "js", "max_stars_repo_path": "src/styles/Navigation.js", "max_stars_repo_name": "Canopix/emanuelcanova-blog", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/styles/Navigation.js", "max_issues_repo_name": "Canopix/emanuelcanova-blog", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/styles/Navigation.js", "max_forks_repo_name": "Canopix/emanuelcanova-blog", "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": 22.4666666667, "max_line_length": 57, "alphanum_fraction": 0.6201780415}
import styled from "styled-components";

export const Container = styled.div`
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 20%;
`;

export const StyledLink = styled.div`
  font-size: 2rem;
  color: ${({ active }) => (active ? "black" : "gray")};
  cursor: ${({ pointer }) => (pointer ? "pointer" : "")};
`;
