import React from 'react';
import {
BottomNavigationAction,
Container,
useMediaQuery
} from "@mui/material";
import Breadcrumb from "../../components/Breadcrumbs";
import PropTypes from 'prop-types';
import SwipeableViews from 'react-swipeable-views';
import { useTheme } from '@mui/material/styles';
import AppBar from '@mui/material/AppBar';
import Tabs from '@mui/material/Tabs';
import Tab from '@mui/material/Tab';
import Box from '@mui/material/Box';
import {useEffect, useState} from "react";
import PersonIcon from '@mui/icons-material/Person';
import CategoryIcon from '@mui/icons-material/Category';
import AutoAwesomeIcon from '@mui/icons-material/AutoAwesome';
import BottomNavigation from '@mui/material/BottomNavigation';
import AddCircleOutlineIcon from '@mui/icons-material/AddCircleOutline';
import EditIcon from '@mui/icons-material/Edit';
import {CClients} from "./ClientsTab/ClientsTab";
import {CGoodEdit} from "./GoodsTab/GoodEdit";
import {CFindGoodEdit} from "./GoodsTab/FindGoodEdit";
import {CCategoryEdit} from "./CategoriesTab/CategoryEdit";
import {actionClearPromise} from "../../reducers/PromiseReducer";
import {connect} from "react-redux";
import {CFindCategoryEdit} from "./CategoriesTab/FindCategoryEdit";
const defaultTabs = [
{icon: PersonIcon, text: 'clients'},
{icon: CategoryIcon, text: 'categories'},
{icon: AutoAwesomeIcon, text: 'products'}
]
const IconHeader = ({Icon}) => {
return