'use client';

import React from 'react';
import { ListingFiltersTab } from '@/components/listings';
import { UAT_SIGNOFF_LIST_MODULE_KEY } from '../utils/uatSignOffFiltrosPayload';

export type UatSignOffFiltrosMeusFiltrosTabProps = {
    enabled: boolean;
    onApplySaved: (payload: unknown, meta: { nome: string; id: number }) => void;
};

export function UatSignOffFiltrosMeusFiltrosTab({
    enabled,
    onApplySaved,
}: UatSignOffFiltrosMeusFiltrosTabProps) {
    return (
        <ListingFiltersTab
            moduleKey={UAT_SIGNOFF_LIST_MODULE_KEY}
            enabled={enabled}
            introText={
                <>
                    Clique em um filtro para aplicar a vista e fechar o modal. Na próxima abertura, a aba{' '}
                    <strong>Filtrar</strong> fica ativa com esses critérios já preenchidos.
                </>
            }
        />
    );
}