"use client";

import * as React from "react"

import { Switch } from "./switch"

export function SwitchDemo() {

const [checked, setChecked] = React.useState(false)

return (

<div className="w-full h-full flex items-center justify-center p-8">

<label className="flex items-center gap-3 cursor-pointer select-none">

<Switch checked={checked} onChange={(e) => setChecked(e.target.checked)} />

<span className="text-[14px] font-medium text-zinc-900 dark:text-zinc-200">

Airplane mode

</span>

</label>

</div>

)

}