{"size": 717, "ext": "js", "max_stars_repo_path": "vizhub-v2/packages/neoFrontend/src/pages/VizPage/Body/Editor/Section/styles.js", "max_stars_repo_name": "pravalliyaram/vizhub", "max_stars_repo_stars_event_min_datetime": "2021-12-10T20:50:43.000Z", "max_stars_repo_stars_event_max_datetime": "2022-03-23T13:10:49.000Z", "max_issues_repo_path": "vizhub-v2/packages/neoFrontend/src/pages/VizPage/Body/Editor/Section/styles.js", "max_issues_repo_name": "pravalliyaram/vizhub", "max_issues_repo_issues_event_min_datetime": "2021-12-09T21:24:00.000Z", "max_issues_repo_issues_event_max_datetime": "2022-01-27T17:32:47.000Z", "max_forks_repo_path": "vizhub-v2/packages/neoFrontend/src/pages/VizPage/Body/Editor/Section/styles.js", "max_forks_repo_name": "pravalliyaram/vizhub", "max_forks_repo_forks_event_min_datetime": "2021-12-13T14:12:40.000Z", "max_forks_repo_forks_event_max_datetime": "2022-03-29T02:04:45.000Z"}
{"max_stars_count": 29, "max_issues_count": 7, "max_forks_count": 20, "avg_line_length": 26.5555555556, "max_line_length": 77, "alphanum_fraction": 0.6861924686}
import styled from 'styled-components';
import { Clickable } from '../../../../../styles';

export const Wrapper = styled.div`
  background-color: ${(props) =>
    props.isActive ? props.theme.editorSectionActiveColor : 'transparent'};
`;

export const TitleEntry = styled.div`
  display: flex;
  align-items: center;
  padding-left: ${(props) => props.theme.editorEntryHorizontalPadding}px;
  height: ${(props) => props.theme.editorEntryHeight}px;
  border-left: 5px solid
    ${(props) =>
      props.isActive ? 'transparent' : props.theme.editorSectionActiveColor};
  position: relative;
`;

export const ClickableOverlay = styled(Clickable)`
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
`;
