InputSwitch

import { InputSwitch } from 'fluxo-ui';

function MyComponent() {
  const [settings, setSettings] = useState({
    notifications: true,
    darkMode: false,
    autoSave: true
  });

  const handleSettingChange = (key, value) => {
    setSettings(prev => ({ ...prev, [key]: value }));
  };

  return (
    <div className="space-y-4">
      <div className="flex items-center justify-between">
        <label>Enable Notifications</label>
        <InputSwitch
          checked={settings.notifications}
          onChange={(e) => handleSettingChange('notifications', e.value)}
          onLabel="On"
          offLabel="Off"
        />
      </div>

      <div className="flex items-center justify-between">
        <label>Dark Mode</label>
        <InputSwitch
          checked={settings.darkMode}
          onChange={(e) => handleSettingChange('darkMode', e.value)}
          onLabel="Enabled"
          offLabel="Disabled"
        />
      </div>
    </div>
  );
}