type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger';
type ButtonSize = 'sm' | 'md' | 'lg';
/**
 * `<dt-button>` — framework-agnostic button web component.
 *
 * Themed button with multiple variants and sizes. Automatically styles to match
 * the DeskTalk design system using CSS custom properties.
 *
 * ## Attributes
 * - `variant` — button style: `primary` (default), `secondary`, `ghost`, `danger`
 * - `size` — button size: `sm`, `md` (default), `lg`
 * - `disabled` — disables the button
 * - `fullwidth` — makes the button fill its container width
 * - `type` — HTML button type: `button` (default), `submit`, `reset`
 *
 * ## Slots
 * - default — button content (text, icons, etc.)
 * - `icon` — icon element positioned before the content
 *
 * ## Usage
 * ```html
 * <dt-button>Save</dt-button>
 *
 * <dt-button variant="secondary">Cancel</dt-button>
 *
 * <dt-button variant="danger" size="sm">Delete</dt-button>
 *
 * <dt-button variant="ghost" disabled>Disabled</dt-button>
 *
 * <dt-button fullwidth>Full Width Button</dt-button>
 * ```
 */
export declare class DtButton extends HTMLElement {
    static get observedAttributes(): string[];
    private _button;
    private _slot;
    get variant(): ButtonVariant;
    set variant(val: ButtonVariant);
    get size(): ButtonSize;
    set size(val: ButtonSize);
    get disabled(): boolean;
    set disabled(val: boolean);
    get fullwidth(): boolean;
    set fullwidth(val: boolean);
    get type(): 'button' | 'submit' | 'reset';
    set type(val: 'button' | 'submit' | 'reset');
    constructor();
    attributeChangedCallback(name: string, _oldVal: string | null, _newVal: string | null): void;
}
export {};
//# sourceMappingURL=dt-button.d.ts.map