{"size": 1236, "ext": "js", "max_stars_repo_path": "client/src/components/ModulesModals/AddModule/Item/styles.js", "max_stars_repo_name": "CodersCrew/inStudy", "max_stars_repo_stars_event_min_datetime": "2018-09-30T16:36:46.000Z", "max_stars_repo_stars_event_max_datetime": "2020-01-14T21:02:28.000Z", "max_issues_repo_path": "client/src/components/ModulesModals/AddModule/Item/styles.js", "max_issues_repo_name": "CodersCrew/inStudy", "max_issues_repo_issues_event_min_datetime": "2021-03-11T04:28:59.000Z", "max_issues_repo_issues_event_max_datetime": "2021-03-11T04:28:59.000Z", "max_forks_repo_path": "client/src/components/ModulesModals/AddModule/Item/styles.js", "max_forks_repo_name": "CodersCrew/inStudy", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 3, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 20.262295082, "max_line_length": 44, "alphanum_fraction": 0.6140776699}
import styled from 'styled-components';

export const Container = styled.div`
  display: flex;
  background-color: transparent;
  cursor: pointer;

  &:hover {
    > div:first-child {
      border: 1px solid var(--primary2);
      background-color: var(--primary2);
      i {
        color: var(--white);
      }
    }

    > div:last-child > div:first-child {
      color: var(--primary2);
    }
  }
`;

export const Circle = styled.div`
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  min-width: 48px;
  max-height: 48px;
  margin-right: var(--space-sm);
  border-radius: 100%;
  border: 1px solid var(--grey3);
  transition: all 0.3s var(--ease-in-out);

  i {
    color: var(--grey3);
    font-size: var(--font-lg);
    transition: all 0.3s var(--ease-in-out);
  }
`;

export const Content = styled.div`
  text-align: left;
`;

export const Name = styled.div`
  font-size: var(--font-sm);
  line-height: var(--font-sm-lh);
  font-weight: var(--bold);
  color: var(--text2);
  transition: all 0.3s var(--ease-in-out);
`;

export const Description = styled.div`
  font-size: var(--font-sm);
  line-height: var(--font-sm-lh);
  font-weight: var(--regular);
  color: var(--text3);
`;
