import { Button } from '../../base/button.js';
import '../focus-ring/focus-ring.js';
import '../ripple/ripple.js';
/**
 * @tag md-button
 *
 * @csspart label
 * @csspart icon
 *
 * @slot - label
 * @slot icon - leading icon
 */
export declare class M3Button extends Button {
    size: 'xs' | 's' | 'm' | 'l' | 'xl';
    square: false;
    color: 'primary' | 'secondary' | 'tertiary';
    variant: 'filled' | 'tonal' | 'elevated' | 'outlined' | 'text';
    /**
     * Whether to show the icon at the end of the button.
     */
    trailingIcon: boolean;
    static styles: any[];
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'md-button': M3Button;
    }
}