text: import React from 'react';
  import { NavLink } from 'react-router-dom';
  
  // import Link from "@mui/material/Link";
  import ListItem from '@mui/material/ListItem';
  import ListItemText from '@mui/material/ListItemText';
  import ListItemButton from '@mui/material/ListItemButton';
  import Typography from '@mui/material/Typography'
  
  export default function SidebarLink(props) {
    const { icon: ListIcon, text, href, isOn } = props;
  
    // <SidebarLink icon={SearchIcon} text="탐지현황" href="/detectionstatus" isOn={true} />
  
    return (
      <ListItem className="pin">
        <NavLink to={href} underline="none" className="list" activeClassName="on">
          <ListItemButton className={isOn && 'on'}>
            <ListIcon className="icon" />
            <ListItemText
              disableTypography
              primary={<Typography style={{ fontSize: '17px' }}>{text}</Typography>}
              className="link" 
            />
          </ListItemButton>
        </NavLink>
      </ListItem>
    );
  }
  