1  import React from 'react'
 2  import { DappListModel } from '../../common/utils/models'
 3  import DappList from '../../common/components/DappList'
 4  import styles from './HighestRanked.module.scss'
 5  
 6  const HighestRanked = props => {
 7    const { dapps } = props
 8  
 9    return (
10      <>
11        <h1 id="highest-ranked" className={styles.headline}>
12          Highest Ranked
13        </h1>
14        <div className={styles.grid}>
15          <DappList dapps={dapps} isRanked showActionButtons />
16        </div>
17      </>
18    )
19  }
20  
21  HighestRanked.propTypes = {
22    dapps: DappListModel.isRequired,
23  }
24  
25  export default HighestRanked