<commit_before>import React from 'react';
import styled from 'styled-components';

import { media } from '../utils/media-queries';

export default ({
  agency,
  alignImageRight,
  description,
  images,
  link,
  title
}) => {
  const Agency = styled.h5`
    font-weight: normal;
    margin: 0 0 1.6875rem;
  `;

  const Images = styled.div`
    text-align: center;
    ${media.tablet`flex-basis: 50%;`}
    ${media.desktop`flex-basis: 35%;`}
  `;

  const Meta = styled.div`
    ${media.tablet`
      display: flex;
      flex-basis: 50%;
      flex-direction: column;
      justify-content: center;
      order: ${alignImageRight ? 0 : 1};
      padding-left: ${!alignImageRight ? 20 / 16 : 0}rem;
      padding-right: ${alignImageRight ? 20 / 16 : 0}rem;
    `}
    ${media.desktop`flex-basis: 65%;`}
  `;

  const Title = styled.h4`
    margin-top: 0;
  `;

  const Wrapper = styled.div`
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin: 0 auto;
    max-width: 1000px;
    padding: ${54 / 16}rem 0 0;
    &:last-child {
      border: none;
    }
    ${media.tablet`display: flex;`}
  `;

  return (
    <Wrapper>
      <Meta>
        <Title>{title}</Title>
        {agency &&
          <Agency>
            <strong>Agency:</strong> {agency}
          </Agency>
        }<commit_msg>update project border and margin<commit_after>import React from 'react';
import styled from 'styled-components';

import { media } from '../utils/media-queries';

export default ({
  agency,
  alignImageRight,
  description,
  images,
  link,
  title
}) => {
  const Agency = styled.h5`
    font-weight: normal;
    margin: 0 0 1.6875rem;
  `;

  const Images = styled.div`
    text-align: center;
    ${media.tablet`flex-basis: 50%;`}
    ${media.desktop`flex-basis: 35%;`}
  `;

  const Meta = styled.div`
    ${media.tablet`
      display: flex;
      flex-basis: 50%;
      flex-direction: column;
      justify-content: center;
      order: ${alignImageRight ? 0 : 1};
      padding-left: ${!alignImageRight ? 20 / 16 : 0}rem;
      padding-right: ${alignImageRight ? 20 / 16 : 0}rem;
    `}
    ${media.desktop`flex-basis: 65%;`}
  `;

  const Title = styled.h4`
    margin-top: 0;
  `;

  const Wrapper = styled.div`
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin: ${60 / 16}rem auto 0;
    max-width: 1000px;
    padding: ${54 / 16}rem 0;
    &:last-child {
      border: none;
    }
    ${media.tablet`display: flex;`}
  `;

  return (
    <Wrapper>
      <Meta>
        <Title>{title}</Title>
        {agency &&
          <Agency>
            <strong>Agency:</strong> {agency}
          </Agency>
        }
{'fraction_non_alphanumeric': 0.15911686334221545, 'fraction_numerical': 0.036924248191853824, 'mean_word_length': 2.3181818181818183, 'pattern_counts': {'":': 0, '<': 19, '<?xml version=': 0, '>': 21, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2068662', 'n_tokens_mistral': 1030, 'n_tokens_neox': 918, 'n_words': 215}