// material-ui
import {
    Stack,
    // Typography,
    // Button
} from '@mui/material';
import MainCard from "components/MainCard";
import * as React from "react";
// import * as HttpUtils from "utils/HttpUtils";
// import * as UrlUtils from "utils/ApiPathConst";
// import * as DateUtils from "utils/DateUtils";

// import { useNavigate } from "react-router-dom";

// ==============================|| DASHBOARD - DEFAULT ||============================== //


const SearchDemandNoteForm = (props) => {
    // const navigate = useNavigate()
    const [itemList, setItemList] = React.useState([]);

    React.useEffect(() => {
        loadData();
        // props.setMessageOnReady(true);
    }, []);

    const loadData = () => {
        if(props.itemList.length > 0){
            setItemList(props.itemList)
        }
        // props.setMessageOnReady(true);

    };


    return (
        <MainCard xs={12} md={12} lg={12}
            border={false}
            content={false}
            sx={{ backgroundColor: '#fff' }}
        >
            <Stack direction="column" spacing={1}>
                {itemList}
            </Stack>
        </MainCard>
    );

};

export default SearchDemandNoteForm;
