import { LitElement } from 'lit';
/**
 * @element ui-logo-cloud
 * @description A logo cloud / client logos component with grid, scroll, and marquee modes
 *
 * @slot - Default slot for logo images or elements
 *
 * @cssprop --logo-cloud-bg - Section background
 * @cssprop --logo-cloud-padding - Section padding
 * @cssprop --logo-cloud-heading-color - Heading text color
 * @cssprop --logo-cloud-heading-size - Heading font size
 * @cssprop --logo-cloud-gap - Gap between logos
 * @cssprop --logo-cloud-item-height - Logo item height
 * @cssprop --logo-cloud-item-opacity - Logo opacity (for grayscale mode)
 * @cssprop --logo-cloud-item-hover-opacity - Logo hover opacity
 * @cssprop --logo-cloud-marquee-speed - Marquee animation speed
 * @cssprop --logo-cloud-max-width - Maximum content width
 *
 * @csspart container - The main container
 * @csspart heading - The heading element
 * @csspart logos - The logos wrapper
 * @csspart track - The marquee track (marquee variant only)
 *
 * @example
 * ```html
 * <ui-logo-cloud heading="Trusted by leading companies" variant="marquee" grayscale>
 *   <img src="logo1.svg" alt="Company 1" />
 *   <img src="logo2.svg" alt="Company 2" />
 *   <img src="logo3.svg" alt="Company 3" />
 * </ui-logo-cloud>
 * ```
 */
export declare class UILogoCloud extends LitElement {
    static styles: import("lit").CSSResult;
    /** Section heading */
    heading: string;
    /** Display variant */
    variant: 'grid' | 'scroll' | 'marquee';
    /** Number of columns for grid variant */
    columns: number;
    /** Whether to show logos in grayscale */
    grayscale: boolean;
    /** Gap between logos */
    gap: string;
    updated(changedProperties: Map<string, unknown>): void;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'ui-logo-cloud': UILogoCloud;
    }
}
//# sourceMappingURL=logo-cloud.d.ts.map