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

export default function SearchWidget({ placeholder = 'Search...', buttonText = 'Search' }: SearchWidgetProps) {
  return (
    <div className="sidebar-widget">
      <div className="flex gap-2">
        <input
          type="text"
          placeholder={placeholder}
          className="flex-1 border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
        />
        <button className="bg-blue-600 text-white px-4 py-2 rounded-lg text-sm hover:bg-blue-700 transition-colors whitespace-nowrap">
          {buttonText}
        </button>
      </div>
    </div>
  );
}