website theme related to system - custom hook using

index.jsx

import React from "react";
import {useSetThemeRelatedToSystem }
export default App = () => {
  
  const {theme} = useSetThemeRelatedToSystem();
  
  return <div> {theme ? theme : "getting system theme" } </div>
  
}