import React from 'react';
import clsx from 'clsx';
import styles from './styles.module.css';

const FeatureList = [];
// const FeatureList = [
//   {
//     title: 'Translation: Voice Translator',
//     Svg: 'https://is1-ssl.mzstatic.com/image/thumb/Purple112/v4/06/46/4b/06464bda-9a77-3d06-ab52-1183310100ff/AppIcon-0-0-1x_U007emarketing-0-0-0-7-0-0-sRGB-0-0-0-GLES2_U002c0-512MB-85-220-0-0.png/180x180bb.png',
//     description: (
//       <>
//         Speech Recognize: 
//         English、Chinese、Japanese、French、German、Espanol、Italian、
//         Russian、Portuguese、Tieng Viet、Bahasa Indonesia、Thai Language、
//         Bahasa Melayu、Arabic language、Hindi Language、Turk dili、Korean.
//       </>
//     ),
//   },
//   {
//     title: '2048: Number Puzzle Game',
//     Svg: 'https://is2-ssl.mzstatic.com/image/thumb/Purple125/v4/68/50/8e/68508e20-c28b-3c70-3f6c-946797493068/AppIcon-1x_U007emarketing-0-10-0-0-85-220.png/100x100bb.jpg',
//     description: (
//       <>
//         More than 17 million downloads and millions of active users!
//         More than 120,000 5 Star Rating!
//         Join to the real 2048 puzzle experience from Androbaby!
//       </>
//     ),
//   },
//   {
//     title: 'PDF Converter - Word to PDF',
//     Svg: 'https://is2-ssl.mzstatic.com/image/thumb/Purple122/v4/17/3a/7f/173a7f64-52a0-71fb-e7fe-7be5ef20e93c/AppIcon-0-1x_U007emarketing-0-7-0-85-220.png/100x100bb.jpg',
//     description: (
//       <>
//         Convert files from JPG, WORD (DOC), XLS, TXT, PPT, 
//         RTF, EPUB and other popular formats to PDF and back 
//         on your iPhone/iPad. Share converted files or save them to iCloud.
//       </>
//     ),
//   },
// ];

function Feature({Svg, title, description}) {
  return (
    <div className={clsx('col col--4')}>
      <div className="text--center">
        {/* <Svg className={styles.featureSvg} role="img" /> */}
        <img src={ Svg } />
      </div>
      <div className="text--center padding-horiz--md">
        <h3>{title}</h3>
        <p>{description}</p>
      </div>
    </div>
  );
}

export default function HomepageFeatures() {
  return (
    <section className={styles.features}>
      <div className="container">
        <div className="row">
          {FeatureList.map((props, idx) => (
            <Feature key={idx} {...props} />
          ))}
        </div>
      </div>
    </section>
  );
}