import { __esDecorate, __runInitializers } from "tslib";
import { html } from 'lit';
import BaseButton from '../../button/internals/base.js';
import { property } from 'lit/decorators.js';
let IconButton = (() => {
    let _classSuper = BaseButton;
    let _color_decorators;
    let _color_initializers = [];
    let _color_extraInitializers = [];
    let _width_decorators;
    let _width_initializers = [];
    let _width_extraInitializers = [];
    return class IconButton extends _classSuper {
        static {
            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
            _color_decorators = [property({ type: String, reflect: true })];
            _width_decorators = [property({ type: String, reflect: true })];
            __esDecorate(this, null, _color_decorators, { kind: "accessor", name: "color", static: false, private: false, access: { has: obj => "color" in obj, get: obj => obj.color, set: (obj, value) => { obj.color = value; } }, metadata: _metadata }, _color_initializers, _color_extraInitializers);
            __esDecorate(this, null, _width_decorators, { kind: "accessor", name: "width", static: false, private: false, access: { has: obj => "width" in obj, get: obj => obj.width, set: (obj, value) => { obj.width = value; } }, metadata: _metadata }, _width_initializers, _width_extraInitializers);
            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
        }
        #color_accessor_storage = __runInitializers(this, _color_initializers, 'standard'
        /**
         * The width of the button.
         * @attribute
         */
        );
        /**
         * The color of the button.
         * @attribute
         */
        get color() { return this.#color_accessor_storage; }
        set color(value) { this.#color_accessor_storage = value; }
        #width_accessor_storage = (__runInitializers(this, _color_extraInitializers), __runInitializers(this, _width_initializers, 'default'));
        /**
         * The width of the button.
         * @attribute
         */
        get width() { return this.#width_accessor_storage; }
        set width(value) { this.#width_accessor_storage = value; }
        render() {
            return html `
      ${this.renderFocusRing()} ${this.renderRipple()}
      <slot></slot>
    `;
        }
        constructor() {
            super(...arguments);
            __runInitializers(this, _width_extraInitializers);
        }
    };
})();
/**
 * An icon button component that extends the functionality of a standard button,
 * but is specifically designed to hold an icon.
 * @slot - The default slot for the icon.
 */
export default IconButton;
//# sourceMappingURL=IconButton.js.map