Добавьте текст внутри переключателя, используя материал ui

Question

Я использую компонент Switch Material UI и хочу добавить в него текст. Я хочу что-то вроде изображения ниже.

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>
  );
}

Я уже искал ответ и нашел Как добавить текст внутри компонента Switch в Material-UI React? и Добавьте текст в Switch formcontrol и измените его в toggle с помощью материала ui . Оба они мне не помогли.