const ThemeChanger = () => {
  return (
    <details>
      <summary>Themes</summary>
      <ul>
          <li>
            <label className="label cursor-pointer gap-4">
              <span className="label-text">Dark</span>
              <input type="radio" name="theme-radios" className="radio theme-controller" value="dark" />
            </label>
          </li>
          <li>
            <label className="label cursor-pointer gap-4">
              <span className="label-text">Light</span>
              <input type="radio" name="theme-radios" className="radio theme-controller" value="light" />
            </label>
          </li>
          <li>
            <label className="label cursor-pointer gap-4">
              <span className="label-text">Cupcake</span>
              <input type="radio" name="theme-radios" className="radio theme-controller" value="cupcake" />
            </label>
          </li>
      </ul>
    </details>
  )
}

export default ThemeChanger
