如何在primereact中有一个主题切换器？

import React, { useState } from 'react';

const ThemeSwitcher = () => {
  const [theme, setTheme] = useState('light');

  const handleThemeChange = (selectedTheme) => {
    setTheme(selectedTheme);
  };

  return (
    <div>
      <label>
        <input
          type="radio"
          value="light"
          checked={theme === 'light'}
          onChange={() => handleThemeChange('light')}
        />
        Light Theme
      </label>
      <label>
        <input
          type="radio"
          value="dark"
          checked={theme === 'dark'}
          onChange={() => handleThemeChange('dark')}
        />
        Dark Theme
      </label>
    </div>
  );
};

export default ThemeSwitcher;

import React from 'react';
import { Button } from 'primereact/button';
import ThemeSwitcher from './ThemeSwitcher';

const App = () => {
  return (
    <div>
      <ThemeSwitcher />
      <Button label="Button" className={`p-button-${theme}`} />
    </div>
  );
};

export default App;