import { GecutDirective } from '@gecut/lit-helper/directives/directive.js';
import { type PartInfo } from 'lit/directive.js';
import { nothing } from 'lit/html.js';
import { type IconContent } from '../icon/icon.js';
import type { EventsObject } from '../internal/events-handler.js';
import type { ClassInfo } from 'lit/directives/class-map.js';
/**
 * Represents the content of an icon button.
 *
 * @interface IconButtonContent
 * @extends IconContent
 */
export interface IconButtonContent extends IconContent {
    /**
     * The type of the icon button.
     *
     * A 'normal' button has a transparent background.
     * A 'filled' button has a solid background color.
     * A 'filledTonal' button has a tonal background color.
     * An 'outlined' button has a bordered appearance.
     *
     * @type {'normal' | 'filled' | 'filledTonal' | 'outlined'}
     * @default 'normal'
     */
    type?: 'normal' | 'filled' | 'filledTonal' | 'outlined';
    /**
     * The URL that the button links to.
     *
     * When provided, the button will be rendered as an `<a>` tag instead of a `<button>`.
     *
     * @type {string}
     */
    href?: string;
    /**
     * The target attribute for the button's link.
     *
     * Specifies where to open the linked document.
     *
     * @type {'_blank' | '_parent' | '_self' | '_top'}
     */
    target?: '_blank' | '_parent' | '_self' | '_top';
    /**
     * An object containing event handlers for the button.
     *
     * @type {EventsObject}
     */
    events?: EventsObject;
    /**
     * An alternative icon to display when the button is in a selected state.
     *
     * @type {IconContent}
     */
    selectedIcon?: IconContent;
    /**
     * The name of the button, used for form submissions.
     *
     * @type {string}
     */
    name?: string;
    /**
     * The title of the button, shown as a tooltip.
     *
     * @type {string}
     */
    title?: string;
    /**
     * An icon to display as a loader while the button is in a loading state.
     *
     * @type {IconContent}
     */
    loader?: IconContent;
    /**
     * Whether the button is disabled and cannot be clicked.
     *
     * @type {boolean}
     */
    disabled?: boolean;
    /**
     * Whether the button is in a loading state.
     *
     * @type {boolean}
     */
    loading?: boolean;
    /**
     * Whether the button is a toggle button.
     *
     * @type {boolean}
     */
    toggle?: boolean;
    /**
     * Whether the toggle button is in a checked state.
     *
     * @type {boolean}
     */
    checked?: boolean;
}
export declare class IconButtonDirective extends GecutDirective {
    constructor(partInfo: PartInfo);
    protected content?: IconButtonContent;
    protected type: 'link' | 'button' | 'toggle';
    render(content?: IconButtonContent): unknown;
    protected renderButton(): import("lit-html").TemplateResult | typeof nothing;
    protected renderCheckbox(): unknown;
    protected renderIcon(): unknown;
    protected renderLoader(): unknown;
    protected getRenderClasses(): ClassInfo;
}
export declare const gecutIconButton: (content?: IconButtonContent | undefined) => import("lit-html/directive.js").DirectiveResult<typeof IconButtonDirective>;
//# sourceMappingURL=icon-button.d.ts.map