{"size": 693, "ext": "js", "max_stars_repo_path": "src/lib/components/ui/ListItem.js", "max_stars_repo_name": "kations/contist-ui", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/lib/components/ui/ListItem.js", "max_issues_repo_name": "kations/contist-ui", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/lib/components/ui/ListItem.js", "max_forks_repo_name": "kations/contist-ui", "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": 16.9024390244, "max_line_length": 58, "alphanum_fraction": 0.6378066378}
import React from "react";
import styled from "styled-components";

import Box from "../primitives/Box";

const List = styled(Box)`
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 12px 24px;
`;

const ListTitle = styled(Box)`
  font-size: 1rem;
`;

/*const ListAction = styled(Absolute)`
  top: 0px;
  right: 0px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 15px 0 0;
`;*/

const ListItem = ({ icon, title, subTitle, actions }) => {
  return (
    <List>
      {icon || null}
      <ListTitle>{title}</ListTitle>
    </List>
  );
};

ListItem.defaultProps = {
  title: "test"
};

export default ListItem;
