import React from "react"; import Breadcrumbs from "@material-ui/core/Breadcrumbs"; import { Link } from "react-router-dom"; import "./index.scss"; function handleClick(event) { event.preventDefault(); console.info("You clicked a breadcrumb."); } const maxDesktopSize = 1250; const maxMobileSize = 650; const fontSize = { desktop: window.innerWidth > maxDesktopSize ? 12 : window.innerWidth / 90, mobile: window.innerWidth > maxDesktopSize ? 14 : window.innerWidth / 25, }; export default function ActiveLastBreadcrumb(props) { const { name } = props; return ( 1000 ? fontSize.desktop : fontSize.mobile, }} to={"/"} > صفحه اصلی 1000 ? fontSize.desktop : fontSize.mobile, color: "#00CC69", }} to={"/mybooks"} > کتاب‌های من ); }