'use client';

interface FilterButtonProps {
  onClick: () => void;
  filterText?: string;
}

export function FilterButton({ onClick, filterText = "Filteri" }: FilterButtonProps) {
  return (
    <button 
      onClick={onClick} 
      className="border border-gray-300 px-4 py-2 rounded-md flex items-center"
    >
      <svg 
        className="w-4 h-4 mr-2" 
        fill="none" 
        stroke="currentColor" 
        viewBox="0 0 24 24"
      >
        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 4h18M3 12h18M3 20h18" />
      </svg>
      <span>{filterText}</span>
    </button>
  );
} 