import React from "react" ; import { makeStyles , Paper } from "@material-ui/core" ; import UsersList from "./UsersList" ; import { User } from "../models" ; import UserListSearchForm from "./UserListSearchForm" ; const useStyles = makeStyles ( ( theme ) => ( { paper : { padding : theme . spacing ( 2 ) , display : "flex" , overflow : "auto" , flexDirection : "column" , } , } ) ) ; export interface TransactionCreateStepOneProps { setReceiver : Function ; userListSearch : Function ; users : User [ ] ; } const TransactionCreateStepOne = ( { setReceiver , userListSearch , users , } ) => { const classes = useStyles ( ) ; return ( < Paper className = { classes . paper } elevation = { 0 } > < UserListSearchForm userListSearch = { userListSearch } /> < UsersList users = { users } setReceiver = { setReceiver } / > < /Paper>); } ; export default TransactionCreateStepOne ;