text: import React from "react";
  // @material-ui/core components
  import withStyles from "@material-ui/core/styles/withStyles";
  import InputLabel from "@material-ui/core/InputLabel";
  // core components
  import GridItem from "components/Grid/GridItem.jsx";
  import GridContainer from "components/Grid/GridContainer.jsx";
  import Button from "components/CustomButtons/Button.jsx";
  import Card from "components/Card/Card.jsx";
  import CardHeader from "components/Card/CardHeader.jsx";
  import CardBody from "components/Card/CardBody.jsx";
  import CardFooter from "components/Card/CardFooter.jsx";
  import DataTable from './Table'
  
  const styles = {
    cardCategoryWhite: {
      color: "rgba(255,255,255,.62)",
      margin: "0",
      fontSize: "14px",
      marginTop: "0",
      marginBottom: "0"
    },
    cardTitleWhite: {
      color: "#FFFFFF",
      marginTop: "0px",
      minHeight: "auto",
      fontWeight: "300",
      fontFamily: "'Roboto', 'Helvetica', 'Arial', sans-serif",
      marginBottom: "3px",
      textDecoration: "none"
    },
    label:{
      float: "right"
    },
    headerAppBar:{
      backgroundColor: "rgb(255, 230, 204)",
      color: "rgb(0, 0, 0)"
    },
    buttonSubmit: {
      backgroundColor: "rgb(51, 204, 51)",
      color: "rgb(0, 0, 0)",
    },
    positionButton: {
      display:"flex",
      justifyContent:"center"
    }
  };
  
  function FormReq(props) {
    const { classes } = props;
    return (
      <div>
        <GridContainer>
          <GridItem xs={12} sm={12} md={12}>
            <Card>
              <CardHeader color="info">
                <h3 className={classes.cardTitleWhite}>ข้อมูลการเดินทาง</h3>
              </CardHeader>
              <CardBody>
                  <DataTable />
              </CardBody>
            </Card>
          </GridItem>
        </GridContainer>
      </div>
    );
  }
  
  export default withStyles(styles)(FormReq);
  