'use client'

import { Switch } from '@/components/ui/switch'
import { Label } from '@/components/ui/label'

interface EditModeToggleProps {
  enabled: boolean
  onToggle: (enabled: boolean) => void
  className?: string
}

export function EditModeToggle({ enabled, onToggle, className }: EditModeToggleProps) {
  return (
    <div className={`flex items-center space-x-2 ${className}`}>
      <Switch id="edit-mode" checked={enabled} onCheckedChange={onToggle} />
      <Label htmlFor="edit-mode" className="cursor-pointer">
        Edit Mode
      </Label>
    </div>
  )
}

