import { LitElement } from 'lit';
import './lit-icon-button.js';
import './lit-button.js';
import type { Icon } from './lit-icon.js';
import { ButtonVariant, ButtonColor } from './lit-button.js';
export declare class LitResponsiveButton extends LitElement {
    variant?: ButtonVariant;
    color?: ButtonColor;
    size?: 'small' | 'medium' | 'large';
    label?: string;
    icon?: Icon;
    fullWidth?: boolean;
    disabled?: boolean;
    count?: number | undefined;
    onClick?: (event: MouseEvent) => void;
    active?: boolean;
    private isSmallScreen;
    static styles: import("lit").CSSResult;
    connectedCallback(): void;
    disconnectedCallback(): void;
    private updateScreenSize;
    render(): import("lit-html").TemplateResult<1>;
}
export type ResponsiveButtonVariant = ButtonVariant;
export type ResponsiveButtonColor = ButtonColor;
export type LitResponsiveButtonProps = {
    variant?: ResponsiveButtonVariant;
    color?: ResponsiveButtonColor;
    size?: 'small' | 'medium' | 'large';
    label?: string;
    icon?: Icon;
    fullWidth?: boolean;
    disabled?: boolean;
    count?: number;
    onClick?: (event: MouseEvent) => void;
    active?: boolean;
};
declare global {
    interface HTMLElementTagNameMap {
        'lit-responsive-button': LitResponsiveButton;
    }
}