import { createFilterManager } from '../../lib/filterManager/filterManager.svelte';
import {
    FONT_CATEGORIES,
    FONT_PROVIDERS,
    FONT_SUBSETS,
} from '../const/const';

const initialConfig = {
    queryValue: '',
    groups: [
        {
            id: 'providers',
            label: 'Font provider',
            properties: FONT_PROVIDERS,
        },
        {
            id: 'subsets',
            label: 'Font subset',
            properties: FONT_SUBSETS,
        },
        {
            id: 'categories',
            label: 'Font category',
            properties: FONT_CATEGORIES,
        },
    ],
};

export const filterManager = createFilterManager(initialConfig);