import React from 'react';
import Tabs from 'antd/lib/tabs';
import GraficoStock from "../GraficoStock/index.jsx";
import TabelaCategoria from "../TabelaCategorias/index.jsx";
import TabelaFarmacia from "../TabelaFarmacia/index.jsx";
import TabelaProduto from "../TabelaProdutos/index.jsx";
const { TabPane } = Tabs;

function callback(key) {
  console.log(key);
}

const Separadores = () => (
    <Tabs defaultActiveKey="1" onChange={callback}>
      <TabPane tab="Farmacias" key="1">
        <TabelaFarmacia/> 
      </TabPane>
      <TabPane tab="Produtos" key="2">
        <TabelaProduto/>
        <GraficoStock/>
      </TabPane>
      <TabPane tab="Categorias" key="3">
        <TabelaCategoria/>
      </TabPane>
    </Tabs>
  );

  export default Separadores;