Final.jsx

import React, { useState } from "react";

export default function App() {
  let [isOn, setOn] = useState(false);

  const toggle = (e) => {
    if (e.target.checked) {
      setOn(true);
    } else {
      setOn(false);
    }
  };

  return (
    <>
      <label className="slider">
        <input type="checkbox" onChange={toggle} />

        <div className="sort"></div>
      </label>
			<span>{isOn ? "ON" : "OFF"}</span>	
    </>
  );
}