import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';

const pdsFiltersCss = ":host{display:block}.pds-filters{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--pine-dimension-100)}";

const PdsFilters$1 = /*@__PURE__*/ proxyCustomElement(class PdsFilters extends HTMLElement {
    constructor(registerHost) {
        super();
        if (registerHost !== false) {
            this.__registerHost();
        }
        this.__attachShadow();
    }
    render() {
        return (h(Host, { key: '7007a635d3866781dfd67bd2d3b2dab46d36cffc', id: this.componentId }, h("div", { key: 'e6eb4c76bfb39050aaa01ad297df995de7df484b', class: "pds-filters" }, h("slot", { key: '543c83c7422b3e1e9a2446618fe8119d76478df4' }))));
    }
    static get style() { return pdsFiltersCss; }
}, [257, "pds-filters", {
        "componentId": [1, "component-id"]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["pds-filters"];
    components.forEach(tagName => { switch (tagName) {
        case "pds-filters":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, PdsFilters$1);
            }
            break;
    } });
}

const PdsFilters = PdsFilters$1;
const defineCustomElement = defineCustomElement$1;

export { PdsFilters, defineCustomElement };
//# sourceMappingURL=pds-filters.js.map

//# sourceMappingURL=pds-filters.js.map