Add text inside the switch using material ui

I am using Material UI's Switch component and I want to add text inside it. I want something like in the image below.

Here's my code.

import React from 'react';
import Switch from '@material-ui/core/Switch';

export default function Switches() {
  const [state, setState] = React.useState({
    checkedA: true,
  });

  const handleChange = (event) => {
    setState({ ...state, [event.target.name]: event.target.checked });
  };

  return (
    <div>
      <Switch
        checked={state.checkedA}
        onChange={handleChange}
        name="checkedA"
        inputProps={{ 'aria-label': 'secondary checkbox' }}
      />
    </div>
  );
}

I already searched for the answer and found How to add text inside a Switch Component in Material-UI React? and Add text to Switch formcontrol and change it in toggle using material ui . Both of them were not helpful for me.