// Results.tsx
import React, { useCallback } from 'react';
import { useFormContext } from '@digigov/form/FormBuilder';
import Button from '@digigov/ui/form/Button';
import { Heading } from '@digigov/ui/typography/Heading';

interface ResultsProps {
  filteredSections: number;
  primarySections: number;
  Onclose: (v: string) => void;
  activeQa: string;
}

const Results = React.forwardRef<HTMLHeadingElement, ResultsProps>(
  function Results(
    { filteredSections, Onclose, activeQa, primarySections },
    ref
  ) {
    const { resetField, submit } = useFormContext();
    const handleReset = useCallback(
      (e: React.MouseEvent<HTMLButtonElement>) => {
        e.preventDefault();

        // Remove 'text' from the URL
        const urlParams = new URLSearchParams(window.location.search);
        urlParams.delete('text');
        urlParams.delete('activeQa');
        window.history.replaceState({}, '', '?' + urlParams.toString());

        // Reset the form field
        resetField('text', { defaultValue: '' });

        // Close active FAQ
        Onclose(activeQa);

        // Submit the form (if needed)
        submit();
      },
      [resetField, Onclose, submit, activeQa] // Added necessary dependencies
    );

    return (
      <Heading ref={ref} size="sm" marginTop={4}>
        Αποτελέσματα: {filteredSections} από {primarySections}.{' '}
        <Button variant="link" onClick={(e) => handleReset(e)}>
          Επαναφορά αναζήτησης
        </Button>
      </Heading>
    );
  }
);

export default Results;