{"size": 659, "ext": "js", "max_stars_repo_path": "src/components/flat-table/sort/sort.style.js", "max_stars_repo_name": "thedannygoodall/carbon", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/flat-table/sort/sort.style.js", "max_issues_repo_name": "thedannygoodall/carbon", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/flat-table/sort/sort.style.js", "max_forks_repo_name": "thedannygoodall/carbon", "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": 18.8285714286, "max_line_length": 53, "alphanum_fraction": 0.6737481032}
import styled from "styled-components";
import StyledIcon from "../../icon/icon.style";

const StyledSort = styled.div`
  display: inline-flex;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  border-bottom: 1px solid transparent;
  position: relative;

  ${StyledIcon} {
    width: 16px;
    height: 16px;
    padding-left: 6px;
    color: var(--colorsUtilityMajor200);
  }

  :hover {
    border-bottom: 1px solid;
    cursor: pointer;
  }

  :focus {
    outline: 1px solid var(--colorsSemanticFocus500);
  }
`;

const StyledSpaceHolder = styled.div`
  display: inline-block;
  width: 22px;
`;

export { StyledSort, StyledSpaceHolder };
