content: import React from 'react';
  import Paper from '@material-ui/core/Paper';
  import Tabs from '@material-ui/core/Tabs';
  import Tab from '@material-ui/core/Tab';
  
  function DisabledTabs() {
    const [value, setValue] = React.useState(2);
  
    function handleChange(event, newValue) {
      setValue(newValue);
    }
  
    return (
      <Paper square>
        <Tabs value={value} indicatorColor="primary" textColor="primary" onChange={handleChange}>
          <Tab label="Active" />
          <Tab label="Disabled" disabled />
          <Tab label="Active" />
        </Tabs>
      </Paper>
    );
  }
  
  export default DisabledTabs;
  