import './styles/components/_patrimoine-section.scss';
import './styles/pages/_projects_list.scss';
import { ProjectsListFilter } from '@core/components/ProjectsListFilter';

document.addEventListener('DOMContentLoaded', () => {
    const grid = document.querySelector<HTMLElement>('[data-projects-list-grid]');
    const filterBar = document.querySelector<HTMLElement>('[data-projects-list-filter]');

    if (!grid || !filterBar) {
        return; // Not on the Projects List page, or no cards/filter to wire up.
    }

    const emptyState = document.querySelector<HTMLElement>('[data-projects-list-empty-state]');

    const filter = new ProjectsListFilter(grid, filterBar, emptyState);
    filter.init();
});