redbadger/website-honestly

// @flow
/* eslint-disable jsx-a11y/no-static-element-interactions */

import React from 'react';

import bbcPNG from './PNG/bbc.png';
import nhsPNG from './PNG/nhs.png';
import cartrawlerPNG from './PNG/cartrawler.png';
import tescoPNG from './PNG/tesco.png';

import styles from './style.css';

const CaseStudyCompanyLogos = () => (
  <div className={styles.caseCompanies}>
    <div className={styles.caseCompaniesLogo}>
      <img alt="The logo of Car Trawler" src={cartrawlerPNG} />
    </div>
    <div className={styles.caseCompaniesLogo}>
      <img alt="The logo of the BBC" src={bbcPNG} />
    </div>
    <div className={styles.caseCompaniesLogo}>
      <img alt="The logo of Tesco" src={tescoPNG} />
    </div>
    <div className={styles.caseCompaniesLogo}>
      <img alt="The logo of the NHS" src={nhsPNG} />
    </div>
  </div>
);

export default CaseStudyCompanyLogos;