import {
Avatar,
BottomNavigationAction,
Button, Card, CardContent, CardHeader, Checkbox, CircularProgress, Collapse,
Container, Divider,
FormControl,
Grid,
InputLabel, MenuItem, Pagination, Select, Switch,
TextField,
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 Typography from '@mui/material/Typography';
import Box from '@mui/material/Box';
import {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 {CFindGoodEdit, CGoodEdit, FindGoodEdit} from "./GoodTab";
import {CClients} from "./ClientsTab";
import {CCategoryEdit, CCategoryEditTree} from "./CateforyTab";
const defaultTabs = [{icon: PersonIcon, text: 'clients'}, {icon: CategoryIcon, text: 'categories'}, {icon: AutoAwesomeIcon, text: 'products'}]
const IconHeader = ({Icon}) => {
return