You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
802 B
35 lines
802 B
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;
|