import { LitElement } from 'lit';
export interface Testimonial {
    id: string;
    quote: string;
    author: string;
    role?: string;
    company?: string;
    avatar?: string;
    rating?: number;
    image?: string;
}
/**
 * @element ui-testimonial
 * @description Customer testimonial component with multiple layout variants
 *
 * @slot - Default slot for custom content
 * @slot quote - Quote text
 * @slot author - Author name and details
 * @slot avatar - Author avatar/image
 *
 * @cssprop --testimonial-bg - Background color
 * @cssprop --testimonial-text-color - Text color
 * @cssprop --testimonial-quote-size - Quote font size
 * @cssprop --testimonial-border-color - Border color
 * @cssprop --testimonial-star-color - Star rating color
 */
export declare class UITestimonial extends LitElement {
    static styles: import("lit").CSSResult;
    /**
     * Layout variant
     */
    variant: 'card' | 'minimal' | 'featured';
    /**
     * Testimonial data
     */
    data?: Testimonial;
    /**
     * Quote text
     */
    quote?: string;
    /**
     * Author name
     */
    author?: string;
    /**
     * Author role/title (using 'jobTitle' to avoid conflict with ARIA role)
     */
    jobTitle?: string;
    /**
     * Company name
     */
    company?: string;
    /**
     * Avatar URL
     */
    avatar?: string;
    /**
     * Star rating (0-5)
     */
    rating?: number;
    /**
     * Testimonial image URL
     */
    image?: string;
    /**
     * Video URL (YouTube, Vimeo, etc.)
     */
    video?: string;
    /**
     * Show quote marks
     */
    showQuoteMark: boolean;
    /**
     * Accessible label for the testimonial
     */
    ariaLabel: string | null;
    private testimonialId;
    private quoteId;
    private getInitials;
    render(): import("lit-html").TemplateResult<1>;
    private renderRating;
    private renderVideo;
}
declare global {
    interface HTMLElementTagNameMap {
        'ui-testimonial': UITestimonial;
    }
}
//# sourceMappingURL=testimonial.d.ts.map