import React, { useEffect } from 'react';
import { MultiInlineCheckbox } from '../MultiInlineCheckbox';
import { useDropdownSelectFilterState } from '../../hooks';
export function MultiInlineCheckboxFilter(props) {
    const { filter, ...rest } = props;
    const state = useDropdownSelectFilterState({
        filter,
    });
    useEffect(() => state.init(), []);
    return (React.createElement(MultiInlineCheckbox, { dataHook: `collection-filter-${filter.name}`, gap: "SP3", state: state.dropdownSelect, ...rest }));
}
MultiInlineCheckboxFilter.displayName = 'MultiInlineCheckboxFilter';
//# sourceMappingURL=MultiInlineCheckboxFilter.js.map