"use client";

import { Switch } from "@/components/ui/switch";
import { Label } from "@/components/ui/label";
import { useMessengerContext } from "@/contexts/MessengerContext";

export function MessengerSettings() {
  const { notificationEnabled, toggleNotification } = useMessengerContext();

  return (
    <div className="p-4 space-y-4">
      <h3 className="font-semibold text-sm">설정</h3>
      <div className="flex items-center justify-between">
        <Label htmlFor="notification-toggle" className="text-sm">
          새 메시지 알림
        </Label>
        <Switch
          id="notification-toggle"
          checked={notificationEnabled}
          onCheckedChange={toggleNotification}
        />
      </div>
    </div>
  );
}
