import React, { useState, useEffect } from 'react'; 
import { Modal, Select, TextInput, Collection, CollectionItem } from 'react-materialize';
import './Cash.css';
import axios from 'axios';

const MakeMoneyMove = (props) => {

  const [selectedFrom, setSelectedFrom] = useState(null); 

return (
<div>
   <TextInput label="How Much?" />
   <label>From: </label>
   <Collection>
     <CollectionItem>
       Alvin
      </CollectionItem>
     <CollectionItem>
       Alvin
     </CollectionItem>
     <CollectionItem>
       Alvin
     </CollectionItem>
     <CollectionItem>
       Alvin
      </CollectionItem>
     <CollectionItem>
       Alvin
      </CollectionItem>
     <CollectionItem>
       Alvin
     </CollectionItem>
     <CollectionItem>
       Alvin
     </CollectionItem>
     <CollectionItem>
       Alvin
      </CollectionItem>
      <CollectionItem>
       Alvin
      </CollectionItem>
     <CollectionItem>
       Alvin
     </CollectionItem>
     <CollectionItem>
       Alvin
     </CollectionItem>
     <CollectionItem>
       Alvin
      </CollectionItem>
     <CollectionItem>
       Alvin
      </CollectionItem>
     <CollectionItem>
       Alvin
     </CollectionItem>
     <CollectionItem>
       Alvin
     </CollectionItem>
     <CollectionItem>
       Alvin
      </CollectionItem>

    </Collection>  
</div>
);

}

export default MakeMoneyMove;