{"size": 875, "ext": "js", "max_stars_repo_path": ".storybook/welcome-page/loves-carbon/loves-carbon.component.js", "max_stars_repo_name": "arturodrigues/carbon", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": ".storybook/welcome-page/loves-carbon/loves-carbon.component.js", "max_issues_repo_name": "arturodrigues/carbon", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": ".storybook/welcome-page/loves-carbon/loves-carbon.component.js", "max_forks_repo_name": "arturodrigues/carbon", "max_forks_repo_forks_event_min_datetime": "2020-05-05T06:26:37.000Z", "max_forks_repo_forks_event_max_datetime": "2020-05-08T05:43:07.000Z"}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": 13, "avg_line_length": 31.25, "max_line_length": 77, "alphanum_fraction": 0.6285714286}
import React from 'react';
import I18n from 'i18n-js';
import Heading from '../components-demo/component-heading';
import { Wrapper, LovesCarbonWrapper, Image } from './loves-carbon.style';
import devices from './devices.png';
import Link from '../../../src/components/link';

const LovesCarbon = () => (
  <LovesCarbonWrapper>
    <Wrapper>
      <div>
        <Heading
          title={ I18n.t('homepage.sage_loves_carbon.heading') }
          titleSuffix={ I18n.t('homepage.sage_loves_carbon.heading_suffix') }
          divider
          text={ I18n.t('homepage.sage_loves_carbon.text') }
          />
        <Link href={ I18n.t('sage_href') } icon='arrow' iconAlign='right'>
          { I18n.t('homepage.sage_loves_carbon.learn_more') }
        </Link>
      </div>
      <Image src={ devices } />
    </Wrapper>
  </LovesCarbonWrapper>
);

export default LovesCarbon;
