'use client';

import { DataTableFilterBox } from '@repo/shadcn/table/data-table-filter-box';
import { DataTableSearch } from '@repo/shadcn/table/data-table-search';
import {
  TYPE_OPTIONS,
  useSurveyTableFilters,
} from './use-survey-table-filters';

export default function SurveysTableAction() {
  const {
    typeFilter,
    searchQuery,
    setPage,
    setTypeFilter,
    setSearchQuery,
  } = useSurveyTableFilters();

  return (
    <div className="flex flex-wrap items-center gap-4 pt-2">
      <DataTableSearch
        searchKey={searchQuery}
        searchQuery={searchQuery || ''}
        setSearchQuery={setSearchQuery}
        setPage={setPage}
      />
      <DataTableFilterBox
        filterKey="type"
        title="Estado"
        options={TYPE_OPTIONS}
        setFilterValue={setTypeFilter}
        filterValue={typeFilter}
      />
    </div>
  );
}
