import React, { useState, useEffect } from "react";
import notification from 'antd/lib/notification';
import Service from "../../utils/Service";
import Table from 'antd/lib/table';
import Column from "antd/lib/table/Column";




const columns = [
    {
        title: "Nome",
        dataIndex: "nome"
    },
    {
        title: "Categoria",
        dataIndex: "categoria"
    },
    {
        title: "Quantidade",
        dataIndex: "quantidade"
    },
    {
        title: "Preço",
        dataIndex: "preco"
    },
    {
        title: "Loja",
        dataIndex: "loja"
    }

];
const TabelaProduto = () => {


    const [data, setData] = useState([]);
    const [ loading, setLoading ] = useState(false);


    useEffect(() => {
        Service.call({
            url: `produtos`,
            setData,
            setLoading,
            errorTitle: 'Tabela de Pessoas',
            errorMessage: 'Houve uma falha ao carregar a tabela das pessoas...'
        });
    }, [ ]);


        return <Table columns={columns} dataSource={data} />
};

export default TabelaProduto;