import { Switch } from '@/components/ui/switch';

interface NotificationChannelsProps {
  emailNotifications: boolean;
  inAppNotifications: boolean;
  autoReminders: boolean;
  onEmailNotificationsChange: (enabled: boolean) => void;
  onInAppNotificationsChange: (enabled: boolean) => void;
  onAutoRemindersChange: (enabled: boolean) => void;
}

export function NotificationChannels({
  emailNotifications,
  inAppNotifications,
  autoReminders,
  onEmailNotificationsChange,
  onInAppNotificationsChange,
  onAutoRemindersChange
}: NotificationChannelsProps) {
  return (
    <div className="space-y-3">
      <h4 className="font-medium">Notification Channels</h4>
      
      <div className="flex items-center justify-between p-4 bg-muted/50 rounded-lg">
        <div>
          <p className="font-medium">Email Notifications</p>
          <p className="text-sm text-muted-foreground">Send notifications via email</p>
        </div>
        <Switch
          checked={emailNotifications}
          onCheckedChange={onEmailNotificationsChange}
        />
      </div>

      <div className="flex items-center justify-between p-4 bg-muted/50 rounded-lg">
        <div>
          <p className="font-medium">In-App Notifications</p>
          <p className="text-sm text-muted-foreground">Show notifications in the portal</p>
        </div>
        <Switch
          checked={inAppNotifications}
          onCheckedChange={onInAppNotificationsChange}
        />
      </div>

      <div className="flex items-center justify-between p-4 bg-muted/50 rounded-lg">
        <div>
          <p className="font-medium">Auto-Reminders</p>
          <p className="text-sm text-muted-foreground">Automatically send reminders for pending approvals</p>
        </div>
        <Switch
          checked={autoReminders}
          onCheckedChange={onAutoRemindersChange}
        />
      </div>
    </div>
  );
}

