export type KoraButtonVariant = "primary" | "secondary" | "tertiary" | "outline" | "link";
/** Reactive state shape held by the element. */
export interface KoraButtonState {
    variant: KoraButtonVariant;
    label: string;
    disabled: boolean;
    loading: boolean;
}
/** Props accepted by the server renderer. */
export interface KoraButtonProps {
    label: string;
    variant?: KoraButtonVariant;
    disabled?: boolean;
    loading?: boolean;
}
/** The inner markup of the button — the part that lives inside the <kora-button> host. */
export declare function buttonInnerHTML(state: KoraButtonState): string;
/**
 * Server-side render of a complete <kora-button>. Emits the SSR marker so the client element
 * adopts this markup instead of re-rendering. Attributes carry the state (the single source of
 * truth); the inner markup matches what the client would produce for those attributes.
 */
export declare function renderKoraButton(props: KoraButtonProps): string;
//# sourceMappingURL=template.d.ts.map