import { useEffect, useState } from "react";
  import axios from "axios";
  
  export default function ListProducts() {
    const [loader, setLoader] = useState(true);
    const [output, setOutput] = useState(null);
    const model_id = "iarani-forecast-auto";
    
    useEffect(() => {
      var data = {
        model_id: model_id,
        api_token: api_token,
        payload: {
          data: data.csv
        },
      };
      var config = {
        method: "post",
        url: "https://api.simplifai.co/models/{model_id}",
        headers: {
          "Content-Type": "application/json",
        },
        data: data,
      };
      axios(config).then((response) => {
        setOutput(response.data.body);
        setLoader(false);
      });
    }, []);
  
    return (
      <div>
        <h3 className="mb-5 fw-bold">Output</h3>
        {loader ? (
          <p>Loading...</p>
        ) : (
          <pre>{JSON.stringify(output, null, 2)}</pre>
        )}
      </div>
    );
  }