import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import classNames from 'classnames';
import { useState } from 'react';
import { withRequiredCommonProps, } from '../../../../lib/seam/components/common-props.js';
import { SupportedDeviceContent } from '../../../../lib/seam/components/SupportedDeviceTable/SupportedDeviceContent.js';
import { SupportedDeviceFilterArea } from '../../../../lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterArea.js';
import { useComponentTelemetry } from '../../../../lib/telemetry/index.js';
export const NestedSupportedDeviceTable = withRequiredCommonProps(SupportedDeviceTable);
export function SupportedDeviceTable({ disableFilter = false, manufacturers = null, excludedManufacturers = [], includeIf = null, excludeIf = [], className, } = {}) {
    useComponentTelemetry('SupportedDeviceTable');
    const [filterValue, setFilterValue] = useState('');
    const [filters, setFilters] = useState({
        supportedOnly: true,
        manufacturer: null,
    });
    return (_jsxs("div", { className: classNames('seam-supported-device-table-content-wrap', className), children: [!disableFilter && (_jsx(SupportedDeviceFilterArea, { filterValue: filterValue, setFilterValue: setFilterValue, filters: filters, setFilters: setFilters, manufacturers: manufacturers, excludedManufacturers: excludedManufacturers })), _jsx(SupportedDeviceContent, { resetFilterValue: () => {
                    setFilterValue('');
                }, filterValue: filterValue, filters: filters, manufacturers: manufacturers, excludedManufacturers: excludedManufacturers, includeIf: includeIf, excludeIf: excludeIf })] }));
}
//# sourceMappingURL=SupportedDeviceTable.js.map