{"size": 679, "ext": "js", "max_stars_repo_path": "packages/styled-card-component/src/components/CardHeader.js", "max_stars_repo_name": "JeroenKnoops/styled-bootstrap-components", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "packages/styled-card-component/src/components/CardHeader.js", "max_issues_repo_name": "JeroenKnoops/styled-bootstrap-components", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "packages/styled-card-component/src/components/CardHeader.js", "max_forks_repo_name": "JeroenKnoops/styled-bootstrap-components", "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.3513513514, "max_line_length": 48, "alphanum_fraction": 0.6494845361}
import styled from 'styled-components';
import {
  space,
  color,
  width,
  fontSize,
  fontWeight,
  textAlign,
  lineHeight,
  display,
  borderRadius,
  borderColor,
  borders,
} from 'styled-system';

export const CardHeader = styled.div`
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  ${space};
  ${width};
  ${color};
  ${fontSize};
  ${fontWeight};
  ${textAlign};
  ${lineHeight};
  ${display};
  ${borderRadius};
  ${borderColor};
  ${borders};
`;
