{"size": 541, "ext": "js", "max_stars_repo_path": "src/components/desktop/Container/index.js", "max_stars_repo_name": "weeshme/weesh-skin", "max_stars_repo_stars_event_min_datetime": "2020-06-28T14:54:05.000Z", "max_stars_repo_stars_event_max_datetime": "2020-06-28T14:54:05.000Z", "max_issues_repo_path": "src/components/desktop/Container/index.js", "max_issues_repo_name": "mahdineer/weesh-skin", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/desktop/Container/index.js", "max_forks_repo_name": "mahdineer/weesh-skin", "max_forks_repo_forks_event_min_datetime": "2020-10-23T17:55:49.000Z", "max_forks_repo_forks_event_max_datetime": "2020-10-23T17:55:49.000Z"}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": 1, "avg_line_length": 20.037037037, "max_line_length": 72, "alphanum_fraction": 0.5009242144}
import React from "react";
import styled, { css } from "styled-components";

const StyledContainer = styled.div`
  ${({ margin }) =>
    margin &&
    css`
      margin: ${margin};
    `};
  ${({ width }) =>
    width
      ? css`
          min-width: ${width};
          max-width: ${width};
          width: ${width};
        `
      : css`
          min-width: 60rem;
          max-width: 60rem;
          width: 60rem;
        `};
`;

export default props => {
  return <StyledContainer {...props}>{props.children}</StyledContainer>;
};
