Toggle Switch

import { Toggle } from '@/components/ui/toggle'
import { useState } from 'react'

export default function App() {
  const [checked, setChecked] = useState(false)
  
  return (
    <Toggle checked={checked} onCheckedChange={setChecked}>
      Airplane Mode
    </Toggle>
  )
}

'use client'

import { Toggle } from '@/components/ui/toggle'
import { useState } from 'react'

export default function SettingsPage() {
  const [checked, setChecked] = useState(false)
  
  return (
    <Toggle checked={checked} onCheckedChange={setChecked}>
      Airplane Mode
    </Toggle>
  )
}