// app/components/admin/sidebar-widget-editors/SearchWidgetEditor.tsx
'use client';
import { SearchWidgetProps } from '@/lib/page-builder/container-types';

interface Props { props: SearchWidgetProps; onUpdate: (p: SearchWidgetProps) => void; }

export default function SearchWidgetEditor({ props, onUpdate }: Props) {
  return (
    <div className="space-y-4">
      <div>
        <label className="block text-sm font-medium text-gray-700 mb-1">Placeholder Text</label>
        <input
          className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
          value={props.placeholder ?? ''}
          onChange={e => onUpdate({ ...props, placeholder: e.target.value })}
        />
      </div>
      <div>
        <label className="block text-sm font-medium text-gray-700 mb-1">Button Text</label>
        <input
          className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
          value={props.buttonText ?? ''}
          onChange={e => onUpdate({ ...props, buttonText: e.target.value })}
        />
      </div>
    </div>
  );
}