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 {};