import { r as registerInstance, h } from './index-DtIEDtZ8.js';

const dropdownTriggerButtonCss = ":host{display:inline-block}.rotate{transition:transform 0.2s ease-in-out;transform:rotate(-180deg);margin-top:0em}.icon{margin-top:0em;transition:transform 0.2s ease-in-out}";

const DropdownItem = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.isOpen = false;
        this.theme = 'default';
        this.size = 'm';
        this.hideArrow = false;
    }
    render() {
        return (h("ifx-button", { key: 'cba835345a4dcbec963deb2589bb26a1294908da', variant: this.variant, theme: this.theme, size: this.size, disabled: this.disabled, class: "dropdown-trigger-button" }, h("slot", { key: 'b8f6d30967aaa2ced90815c96081353f9ec0c7d1' }), !this.hideArrow &&
            h("ifx-icon", { key: '41a60ee566d9be237bbe05e3ede8402f9d4e3f6e', icon: "chevron-down-16", class: `icon${this.isOpen ? ' rotate' : ''}` })));
    }
};
DropdownItem.style = dropdownTriggerButtonCss;

export { DropdownItem as ifx_dropdown_trigger_button };
//# sourceMappingURL=ifx-dropdown-trigger-button.entry.js.map

//# sourceMappingURL=ifx-dropdown-trigger-button.entry.js.map