import * as _angular_core from '@angular/core';

/**
 * Values accepted by the `ButtonComponent`'s `kind` property.
 *
 * ```html
 * <button talenra-button label="Label" kind="secondary"></button>
 * ```
 *
 * ### Import
 *
 * ```typescript
 * import { ButtonKind } from '@talenra/ngx-base/button';
 * ```
 *
 * @see {@link ButtonComponent}
 */
declare const ButtonKind: {
    readonly Ghost: "ghost";
    readonly Primary: "primary";
    readonly Secondary: "secondary";
};
/**
 * Type of values accepted by the `ButtonComponent`'s `kind` property.
 *
 * ### Import
 *
 * ```typescript
 * import { TButtonKind } from '@talenra/ngx-base/button';
 * ```
 *
 * @see {@link ButtonComponent}
 */
type TButtonKind = (typeof ButtonKind)[keyof typeof ButtonKind];
/**
 * Values accepted by the `ButtonComponent`'s `size` property.
 *
 * ```html
 * <button talenra-button label="Label" size="s"></button>
 * ```
 *
 * ### Import
 *
 * ```typescript
 * import { ButtonSize } from '@talenra/ngx-base/button';
 * ```
 *
 * @see {@link ButtonComponent}
 * @see {@link ButtonKind}
 */
declare const ButtonSize: {
    readonly S: "s";
    readonly M: "m";
};
/**
 * Type of values accepted by the `ButtonComponent`'s `size` property.
 *
 * ### Import
 *
 * ```typescript
 * import { TButtonSize } from '@talenra/ngx-base/button';
 * ```
 *
 * @see {@link ButtonComponent}
 * @see {@link ButtonSize}
 */
type TButtonSize = (typeof ButtonSize)[keyof typeof ButtonSize];

/**
 * Button in different sizes and style variants.
 *
 * ```html
 * <button talenra-button label="Button Label"></button>
 * <button talenra-button label="Submit" kind="secondary" size="s" disabled type="submit"></button>
 * ```
 *
 * ## Label
 *
 * If a Button's width is limited (e.g by CSS or a parent element), the label is truncated as required (using ellipsis).
 *
 * - **DO** use input property `label` to set the Button's label.
 * - **DO NOT** inject text to the button element to set the Button's label.
 * - **DO NOT** inject HTML child elements as the result will most probably not comply with the style guide.
 *
 * ## Kind
 *
 * The button's kind determines its visual style.
 *
 * - primary → default, e.g. "submit"
 * - secondary → secondary action, e.g. "cancel"
 * - ghost → no background, e.g. icon-only buttons
 *
 * ## Size
 *
 * The button's size determines its height and font-size.
 *
 * - m → medium (default)
 * - s → small
 *
 * ## Icon
 *
 * Buttons can have an optional icon. If used in combination with a label, the icon is always placed on the left side of
 * the label.
 *
 * ```html
 * <button talenra-button label="Reload" icon="refresh"></button>
 * ```
 *
 * To render an icon-only button, just omit the label text. The icon will be rendered in the center of the button.
 *
 * ```html
 * <button talenra-button size="s" icon="refresh"></button>
 * ```
 *
 * ## Waiting (Spinner)
 *
 * While `waiting` is true, the button's label and icon are hidden and a loading indicator (spinner) is presented to the
 * user instead.
 *
 * ```html
 * <button talenra-button label="My Label" waiting></button>
 * <button talenra-button label="My Label" [waiting]="myCondition"></button>
 * ```
 *
 * ### Import
 *
 * ```typescript
 * import { ButtonComponent } from '@talenra/ngx-base/button';
 * ```
 *
 * <example-url>../../#/button</example-url>
 */
declare class ButtonComponent {
    /**
     * Prevents the user from interacting with the button: it cannot be pressed or focused.
     *
     * "Why don't you use the button element's native `disabled` attribute?" — We favour the
     * input property as the native attribute can be quirky to set dynamically (cmp. example below).
     *
     * @example
     * <!-- DO use the input property -->
     * <button talenra-button disabled>
     * <button talenra-button [disabled]="myCondition">
     *
     * <!-- DON'T use the element's disabled attribute -->
     * <button talenra-button [attr.disabled]="condition ? 'disabled' : null">
     */
    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Determines the visual kind of button to be rendered.
     *
     * @example
     * <button talenra-button label="Label" kind="secondary"></button>
     *
     * @see {@link ButtonKind}
     */
    kind: _angular_core.InputSignal<TButtonKind>;
    /**
     * Determines the size or the "visual weight" of the button. Currently affects the
     * button's height only.
     *
     * @example
     * <button talenra-button label="Label" size="s"></button>
     *
     * @see {@link ButtonSize}
     */
    size: _angular_core.InputSignal<TButtonSize>;
    /**
     * The button's label presented to the user.
     *
     * @example
     * <button talenra-button label="My Label"></button>
     */
    label: _angular_core.InputSignal<string>;
    /**
     * While `waiting` is true, the button's label and icon are hidden and a loading
     * indicator (spinner) is presented to the user instead.
     *
     * @example
     * <button talenra-button label="Label" waiting></button>
     * <button talenra-button label="Label" [waiting]="myCondition"></button>
     */
    waiting: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * The name of the icon to be rendered. e.g. `refresh`. Check `@talenra/icons` for a list of all icons available.
     *
     * @example
     * <button talenra-button label="Refresh" icon="refresh"></button>
     *
     * Omit the label text to render an icon-only button:
     * @example
     * <button talenra-button icon="refresh"></button>
     *
     * @see {@link IconComponent}
     */
    icon: _angular_core.InputSignal<string>;
    /**
     * Returns whether the button is currently focussed.
     *
     * @deprecated Get in touch with us if you require this feature.
     */
    get hasFocus(): boolean;
    private elementRef;
    /** Sets the focus to the button. */
    focus(): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "button[talenra-button]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "kind": { "alias": "kind"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "waiting": { "alias": "waiting"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

export { ButtonComponent, ButtonKind, ButtonSize };
export type { TButtonKind, TButtonSize };