import React, { HTMLAttributes, SVGProps } from 'react';
import { BaseProps } from '../component-helpers';
import type { AvatarProps } from '../';
import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/testimonial/base.css';
import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes.css';
type TestimonialSize = 'small' | 'large';
export declare const TestimonialQuoteMarkColors: readonly ["default", "blue", "coral", "green", "gray", "indigo", "lemon", "lime", "orange", "pink", "purple", "red", "teal", "yellow", "blue-purple", "green-blue", "pink-blue", "purple-red", "red-orange"];
export declare const defaultQuoteMarkColor: "default";
export declare const TestimonialVariants: readonly ["subtle", "default", "minimal", "expressive"];
type TestimonialVariant = (typeof TestimonialVariants)[number];
export declare const defaultTestimonialVariant: TestimonialVariant;
export type TestimonialProps = {
/**
* Sets alternative appearance for the testimonial
*/
variant?: TestimonialVariant;
/**
* Applies an optional border where a variant supports it
*/
hasBorder?: boolean;
/**
* Valid children include Testimonial.Name, Testimonial.Avatar, and Testimonial.Name
*/
children: React.ReactNode | React.ReactElement | React.ReactElement | React.ReactElement | React.ReactElement[];
/**
* Sets the testimonial text size
*/
size?: TestimonialSize;
/** Sets the color of the quote mark */
quoteMarkColor?: (typeof TestimonialQuoteMarkColors)[number];
} & BaseProps & React.HTMLAttributes;
/**
* Testimonial quote child element
*
*/
type QuoteProps = React.HTMLAttributes & BaseProps;
/**
* Testimonial name child element
*
*/
type NameProps = {
position?: string;
} & React.HTMLAttributes & BaseProps;
/**
* Testimonial logo child element
*
*/
type LogoProps = {
children: React.ReactElement> | React.ReactElement>;
} & React.HTMLAttributes & BaseProps;
/**
* Testimonial avatar child element
*
*/
declare function _Avatar({ size, ...rest }: AvatarProps): import("react/jsx-runtime").JSX.Element;
/**
* Use Testimonial to display a quote from a customer or user.
* @see https://primer.style/brand/components/Testimonial
*/
export declare const Testimonial: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes> & {
Quote: React.ForwardRefExoticComponent & React.RefAttributes>;
Name: React.ForwardRefExoticComponent & React.RefAttributes>;
Avatar: typeof _Avatar;
Logo: React.ForwardRefExoticComponent & React.RefAttributes>;
Link: React.ForwardRefExoticComponent<{
size?: typeof import("../Link").LinkSizes[number];
arrowDirection?: typeof import("../Link").LinkArrowDirections[number];
isExternal?: boolean;
variant?: typeof import("../Link").LinkVariants[number];
} & Omit, HTMLAnchorElement>, "ref"> & React.RefAttributes>;
};
export {};