{"size": 2067, "ext": "js", "max_stars_repo_path": "packages/web-components/examples/codesandbox/components-react/content-item-horizontal/src/index.js", "max_stars_repo_name": "ariellalgilmore/ibm-dotcom-library", "max_stars_repo_stars_event_min_datetime": "2020-10-20T06:30:51.000Z", "max_stars_repo_stars_event_max_datetime": "2022-03-21T19:59:37.000Z", "max_issues_repo_path": "packages/web-components/examples/codesandbox/components-react/content-item-horizontal/src/index.js", "max_issues_repo_name": "ariellalgilmore/ibm-dotcom-library", "max_issues_repo_issues_event_min_datetime": "2020-10-09T14:52:53.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-31T22:03:39.000Z", "max_forks_repo_path": "packages/web-components/examples/codesandbox/components-react/content-item-horizontal/src/index.js", "max_forks_repo_name": "ariellalgilmore/ibm-dotcom-library", "max_forks_repo_forks_event_min_datetime": "2020-10-09T18:19:37.000Z", "max_forks_repo_forks_event_max_datetime": "2022-03-15T22:19:49.000Z"}
{"max_stars_count": 50, "max_issues_count": 4721, "max_forks_count": 64, "avg_line_length": 46.9772727273, "max_line_length": 155, "alphanum_fraction": 0.771165941}
/**
 * @license
 *
 * Copyright IBM Corp. 2020, 2021
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */

import React from 'react';
import { render } from 'react-dom';
// eslint-disable-next-line max-len
import DDSContentItemHorizontal from '@carbon/ibmdotcom-web-components/es/components-react/content-item-horizontal/content-item-horizontal';
// eslint-disable-next-line max-len
import DDSContentItemHorizontalCopy from '@carbon/ibmdotcom-web-components/es/components-react/content-item-horizontal/content-item-horizontal-copy';
// eslint-disable-next-line max-len
import DDSContentItemHorizontalEyebrow from '@carbon/ibmdotcom-web-components/es/components-react/content-item-horizontal/content-item-horizontal-eyebrow';
import DDSContentItemHeading from '@carbon/ibmdotcom-web-components/es/components-react/content-item/content-item-heading';
import DDSLinkList from '@carbon/ibmdotcom-web-components/es/components-react/link-list/link-list';
import DDSLinkListItemCTA from '@carbon/ibmdotcom-web-components/es/components-react/cta/link-list-item-cta';

import './index.css';

const App = () => (
  <DDSContentItemHorizontal>
    <DDSContentItemHorizontalEyebrow>Lorem ipsum</DDSContentItemHorizontalEyebrow>
    <DDSContentItemHeading>Aliquam condimentum</DDSContentItemHeading>
    <DDSContentItemHorizontalCopy>
      Lorem ipsum dolor sit amet, _consectetur_ adipiscing elit. Aenean et ultricies est. Mauris iaculis eget dolor nec hendrerit.
      Phasellus at elit sollicitudin.
    </DDSContentItemHorizontalCopy>
    <DDSLinkList slot="footer" type="vertical">
      <DDSLinkListItemCTA icon-placement="right" href="https://www.ibm.com" cta-type="local">
        Learn more
      </DDSLinkListItemCTA>
      <DDSLinkListItemCTA icon-placement="right" href="https://www.ibm.com" cta-type="external">
        Microservices and containers
      </DDSLinkListItemCTA>
    </DDSLinkList>
  </DDSContentItemHorizontal>
);

render(<App />, document.getElementById('root'));
