import { LitElement, nothing } from 'lit';
import type { GenerationState } from '../../types/index.js';
/**
 * @tag loquix-generation-controls
 * @summary Control buttons (stop, pause, resume) shown during AI generation.
 *
 * @csspart controls - Outer wrapper.
 * @csspart button - Each individual `<button>`.
 *
 * @fires loquix-stop - When the stop button is clicked.
 * @fires loquix-pause - When the pause button is clicked.
 * @fires loquix-resume - When the resume button is clicked.
 *
 * @cssprop [--loquix-gen-controls-gap] - Gap between buttons.
 * @cssprop [--loquix-gen-button-bg] - Default button background.
 * @cssprop [--loquix-gen-button-color] - Default button text colour.
 * @cssprop [--loquix-gen-stop-bg] - Stop button background.
 * @cssprop [--loquix-gen-stop-color] - Stop button text colour.
 */
export declare class LoquixGenerationControls extends LitElement {
    static styles: import("lit").CSSResult[];
    private _localize;
    /** Current generation state. Controls which buttons are visible. */
    state: GenerationState;
    /** Whether to show a Pause button alongside Stop when running. */
    showPause: boolean;
    /** Whether to show a Skip button when running (future use). */
    showSkip: boolean;
    private _emit;
    /** Stop icon (filled square) */
    private _renderStop;
    /** Pause icon */
    private _renderPause;
    /** Resume / play icon */
    private _renderResume;
    protected render(): import("lit").TemplateResult<1> | typeof nothing;
}
//# sourceMappingURL=loquix-generation-controls.d.ts.map