import React from 'react';
import './index.css';

import { Tabs } from 'antd';
import TabelaProdutos from '../TabelaProdutos/index.jsx';
import TabelaLojas from '../TabelaLojas/index.jsx';
import TabelaCategorias from '../TabelaCategorias/index.jsx';
import Cards from '../Cards/index.jsx';

const { TabPane } = Tabs;

function callback(key) {
  console.log(key);
}
const NavBar = () => {
  return (
    <Tabs defaultActiveKey="1" onChange={callback}>
      <TabPane tab="Home" key="1">
        <Cards/>
    </TabPane>
      <TabPane tab="Mercearias" key="2">
       <TabelaLojas/>
    </TabPane>
      <TabPane tab="Categorias" key="3">
        <TabelaCategorias/>
    </TabPane>
    <TabPane tab="Produtos" key="4">
        <TabelaProdutos/>
    </TabPane>
    </Tabs>

  );
}

export default NavBar;