import { useBatteryLevel, useWifi, useScreenBrightness } from 'fullykiosk';

function KioskApp() {
  const { batteryLevel } = useBatteryLevel();
  const { isConnected, ssid } = useWifi();
  const { brightness, setBrightness } = useScreenBrightness();

  return (
    <div>
      <p>Battery: {batteryLevel}%</p>
      <p>WiFi: {isConnected ? ssid : 'Disconnected'}</p>
      <input
        type="range"
        min="0"
        max="255"
        value={brightness}
        onChange={(e) => setBrightness(Number(e.target.value))}
      />
    </div>
  );
}