import { __decorate } from "tslib";
import { attr } from '@ni/fast-element';
import { Button as FoundationButton, buttonTemplate as template, DesignSystem } from '@ni/fast-foundation';
import { styles } from './styles';
/**
 * A nimble-styled card button
 */
export class CardButton extends FoundationButton {
    constructor() {
        super(...arguments);
        /**
         * @public
         * @remarks
         * HTML Attribute: selected
         */
        this.selected = false;
    }
}
__decorate([
    attr({ mode: 'boolean' })
], CardButton.prototype, "selected", void 0);
/**
 * A function that returns a nimble-card-button registration for configuring the component with a DesignSystem.
 * Implements {@link @ni/fast-foundation#buttonTemplate}
 *
 * @public
 * @remarks
 * Generates HTML Element: \<nimble-card-button\>
 *
 */
const nimbleCardButton = CardButton.compose({
    baseName: 'card-button',
    template,
    styles,
    shadowOptions: {
        delegatesFocus: true
    }
});
DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleCardButton());
export const cardButtonTag = 'nimble-card-button';
//# sourceMappingURL=index.js.map