import { GecutDirective } from '@gecut/lit-helper/directives/directive.js';
import { type PartInfo } from 'lit/directive.js';
import { nothing } from 'lit/html.js';
import { type EventsObject } from '../internal/events-handler.js';
import type { IconContent } from '../icon/icon.js';
import type { ClassInfo } from 'lit/directives/class-map.js';
export interface ButtonContent {
    /**
     * @default elevated
     */
    type: 'elevated' | 'filled' | 'filledTonal' | 'outlined' | 'text';
    htmlType?: HTMLButtonElement['type'];
    disabled?: boolean;
    loading?: boolean;
    loader?: IconContent;
    icon?: IconContent;
    trailingIcon?: IconContent;
    href?: string;
    target?: '_blank' | '_parent' | '_self' | '_top';
    events?: EventsObject;
    label?: string;
}
export declare class GecutButtonDirective extends GecutDirective {
    constructor(partInfo: PartInfo);
    protected content?: ButtonContent;
    protected type: 'link' | 'button';
    render(content?: ButtonContent): unknown;
    protected renderButton(): import("lit-html").TemplateResult | typeof nothing;
    protected renderBody(): unknown;
    protected renderLoader(): unknown;
    protected getRenderClasses(): ClassInfo;
}
export declare const gecutButton: (content?: ButtonContent | undefined) => import("lit-html/directive.js").DirectiveResult<typeof GecutButtonDirective>;
//# sourceMappingURL=button.d.ts.map