<commit_before>import React from 'react';
import content from './content';
import { classes } from './style';

import {
  Content,
  Container,
  FlexContainer,
  Button,
  Link
} from 'components';

const Organizations = () => {

  return (
    <article>
      <Container
        normalContainer
        center
        column
        className={classes.outerContainer}>
        <Content
          normalTitle
          className={classes.outerTitle}>
          {content.title}
        </Content>
        <Content
          normalSubTitle
          className={classes.subTitle}>
          {content.subTitle}
        </Content>
        <FlexContainer
          center
          wrap>
          <FlexContainer
            center
            column
            className={classes.container}>
            <Content
              image
              className={classes.img}>
              {content.organisations[0].Img}
            </Content>
            <Content
              subTitle
              className={classes.text}>
              {content.organisations[0].content}
            </Content>
            <Button
              primary
              containerElement={<Link to={content.organisations[0].buttonRoute} />}
              className={classes.button}>
              {content.organisations[0].buttonLabel}
            </Button>
          </FlexContainer>

          <FlexContainer
            center
            column
            className={classes.innerTitleWrapper}>
            <Content
              text
              className={classes.innerTitle}>
              {content.subTitle}
            </Content>
            <div className={classes.divider} />
          </FlexContainer>

          <FlexContainer
            center
            column
            className={classes.container}>
            <Content
              image
              className={classes.img}>
              {content.organisations[1].Img}
            </Content>
            <Content
              subTitle
              className={classes.text}>
              {content.organisations[1].content}
            </Content>
            <Button
              primary
              containerElement={<Link to={content.organisations[1].buttonRoute} />}
              className={classes.button}>
              {content.organisations[1].buttonLabel}
            </Button>
          </FlexContainer>
        </FlexContainer>
      </Container>
    </article>
  );
};

export default Organizations;<commit_msg>update Organisation Container props<commit_after>import React from 'react';
import content from './content';
import { classes } from './style';

import {
  Content,
  Container,
  FlexContainer,
  Button,
  Link,
} from 'components';

const Organizations = () => (
  <article>
    <Container
      normalContainer
      className={classes.outerContainer}>
      <Content
        normalTitle
        className={classes.outerTitle}>
        {content.title}
      </Content>
      <Content
        normalSubTitle
        className={classes.subTitle}>
        {content.subTitle}
      </Content>
      <FlexContainer
        center
        wrap>
        <FlexContainer
          center
          column
          className={classes.container}>
          <Content
            image
            className={classes.img}>
            {content.organisations[0].Img}
          </Content>
          <Content
            subTitle
            className={classes.text}>
            {content.organisations[0].content}
          </Content>
          <Button
            primary
            containerElement={<Link to={content.organisations[0].buttonRoute} />}
            className={classes.button}>
            {content.organisations[0].buttonLabel}
          </Button>
        </FlexContainer>

        <FlexContainer
          center
          column
          className={classes.innerTitleWrapper}>
          <Content
            text
            className={classes.innerTitle}>
            {content.subTitle}
          </Content>
          <div className={classes.divider} />
        </FlexContainer>

        <FlexContainer
          center
          column
          className={classes.container}>
          <Content
            image
            className={classes.img}>
            {content.organisations[1].Img}
          </Content>
          <Content
            subTitle
            className={classes.text}>
            {content.organisations[1].content}
          </Content>
          <Button
            primary
            containerElement={<Link to={content.organisations[1].buttonRoute} />}
            className={classes.button}>
            {content.organisations[1].buttonLabel}
          </Button>
        </FlexContainer>
      </FlexContainer>
    </Container>
  </article>
);

export default Organizations;
{'fraction_non_alphanumeric': 0.10125, 'fraction_numerical': 0.0033333333333333335, 'mean_word_length': 1.505741127348643, 'pattern_counts': {'":': 0, '<': 69, '<?xml version=': 0, '>': 71, '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': '17755', 'n_tokens_mistral': 1146, 'n_tokens_neox': 1104, 'n_words': 207}