import { Switch } from "./switch";

export default function SwitchDemo() {
  return (
    <div className="flex items-center justify-center p-8">
      <div className="flex flex-col gap-4">
        <div className="flex items-center gap-3">
          <Switch id="airplane-mode" />
          <label htmlFor="airplane-mode" className="text-sm font-base cursor-pointer">
            Airplane Mode
          </label>
        </div>
        <div className="flex items-center gap-3">
          <Switch id="notifications" defaultChecked />
          <label htmlFor="notifications" className="text-sm font-base cursor-pointer">
            Notifications
          </label>
        </div>
      </div>
    </div>
  );
}