content: import React from 'react';
  //import Link from '@material-ui/core/Link';
  //import { makeStyles } from '@material-ui/core/styles';
  import Table from '@material-ui/core/Table';
  import TableBody from '@material-ui/core/TableBody';
  import TableCell from '@material-ui/core/TableCell';
  import TableHead from '@material-ui/core/TableHead';
  import TableRow from '@material-ui/core/TableRow';
  import Title from './title';
  
  // Generate Order Data
  //function createData(id, date, name, shipTo, paymentMethod, amount) {
  //  return { id, date, name, shipTo, paymentMethod, amount };
  //}
  
  //const rows = [
  //  createData(0, '16 Mar, 2019', 'Elvis Presley', 'Tupelo, MS', 'VISA ⠀•••• 3719', 312.44),
  //  createData(1, '16 Mar, 2019', 'Paul McCartney', 'London, UK', 'VISA ⠀•••• 2574', 866.99),
  //  createData(2, '16 Mar, 2019', 'Tom Scholz', 'Boston, MA', 'MC ⠀•••• 1253', 100.81),
  //  createData(3, '16 Mar, 2019', 'Michael Jackson', 'Gary, IN', 'AMEX ⠀•••• 2000', 654.39),
  //  createData(4, '15 Mar, 2019', 'Bruce Springsteen', 'Long Branch, NJ', 'VISA ⠀•••• 5919', 212.79),
  //];
  
  //const useStyles = makeStyles((theme) => ({
  //  seeMore: {
  //    marginTop: theme.spacing(3),
  //  },
  //}));
  
  //function getSearchResult(data) {
  //    console.log("in func");
  //    fetch('http://localhost:8000/useraccounts/customer_search/', {
  //      method: 'POST',
  //      headers:{
  //         Accept: 'application/json',
  //         'Content-Type': 'application/json',
  //         Authorization: `JWT ${localStorage.getItem('token')}`
  //      },
  //      body: JSON.stringify(data)
  //    })
  //      .then(res => res.json())
  //      .then(json => {console.log(json)})
  //}
  export default function ListCustomer(data) {
    console.log("in component");
  //  const classes = useStyles();
  //  const rows = getSearchResult(data);
  
    return (
      <React.Fragment>
        <Title>Matching Customers</Title>
        <Table size="small">
          <TableHead>
            <TableRow>
              <TableCell>First Name</TableCell>
              <TableCell>Last Name</TableCell>
              <TableCell>Address</TableCell>
              <TableCell>Actions</TableCell>
            </TableRow>
          </TableHead>
          <TableBody>
          </TableBody>
        </Table>
      </React.Fragment>
    );
  }
  