{"size": 1142, "ext": "js", "max_stars_repo_path": "web/src/components/Dropdown/styles.js", "max_stars_repo_name": "vsSanti/FastFeet", "max_stars_repo_stars_event_min_datetime": "2021-03-15T22:54:26.000Z", "max_stars_repo_stars_event_max_datetime": "2021-03-15T22:54:26.000Z", "max_issues_repo_path": "web/src/components/Dropdown/styles.js", "max_issues_repo_name": "vsSanti/FastFeet", "max_issues_repo_issues_event_min_datetime": "2021-03-10T15:16:38.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-27T03:18:14.000Z", "max_forks_repo_path": "web/src/components/Dropdown/styles.js", "max_forks_repo_name": "vsSanti/FastFeet", "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": 17.303030303, "max_line_length": 58, "alphanum_fraction": 0.6050788091}
import styled from 'styled-components';

export const Container = styled.div`
  position: relative;
`;

export const ActionButton = styled.button`
  display: flex;
  border: 0;
  background: none;
  text-align: right;
`;

export const ActionList = styled.div`
  z-index: 1;
  position: absolute;
  width: 160px;
  left: calc(50% - 80px);
  top: calc(100% + 10px);
  background: #fff;
  border-radius: 4px;
  filter: drop-shadow(rgba(0, 0, 0, 0.3) 0 2px 10px);

  padding: 15px 15px;
  display: ${props => (props.visible ? 'block' : 'none')};

  &::before {
    content: '';
    position: absolute;
    left: calc(50% - 10px);
    top: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
  }
`;

export const Action = styled.div`
  display: flex;
  align-content: center;

  & + div {
    border-top: 2px solid #eee;
  }

  a,
  button {
    display: flex;
    align-items: center;
    color: #999;
    font-size: 16px;
    margin: 6px 0;

    svg {
      margin: auto 7px;
    }
  }

  button {
    background: none;
    border: 0;
  }
`;
