import React, { useRef } from "react"; import BasicTable from "./BasicTable"; // import useDraggableScroll from "use-draggable-scroll"; import cancleIcon from "./zarbedar-icon.svg"; const ReactTable4 = ({ breadCrumbs, subTitle, title }) => { return (
{/* breadCrumb */}
{breadCrumbs.map((breadCrumb, index) => (
{breadCrumb.name} {Number(index) !== breadCrumbs.length - 1 && (
{" > "}
)}
))}
{/* page Title */}

{title}

{/* page Title */}

{subTitle}

{/* */}
); }; window.isDown = false; export default ReactTable4; export function Tabbar({}) { const ref = useRef(null); // const { onMouseDown } = useDraggableScroll(ref); const tabs = [ "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", "تست۱", ]; return ( ); } ReactTable4.defaultProps = { breadCrumbs: [ { name: "صفحه اصلی", active: false, }, { name: "آمار و گزارشات", active: false, }, { name: "فروش محصولات", active: false, }, { name: "سال 1400", active: true, }, ], title: "میزان فروش محصولات", subTitle: "اطلاعات جداول مشخصاتی کارکنان مجموعه ایران تایر", };