/** * @fileoverview Shimmering text with a sweeping shine animation. * @author Saasflare™ * Applies a moving highlight gradient across text, perfect for * announcement badges like "✨ Introducing v2.0". * @module packages/ui/components/ui/animated/shiny-text * @package ui * * @component * @example * import { AnimatedShinyText } from '@saasflare/ui'; * ✨ Introducing v2.0 * * @example * // Inside a badge container *
* New Feature Available *
*/ import { type ReactNode } from "react"; import { type SaasflareComponentProps } from "../../../providers"; /** Props for the AnimatedShinyText component. */ export interface AnimatedShinyTextProps extends SaasflareComponentProps { /** Text content. */ children: ReactNode; /** Animation cycle duration in seconds. Default: `3` */ speed?: number; /** Shimmer highlight color. Prefer design tokens. Default: `"var(--primary)"` */ shimmerColor?: string; /** Additional class names. */ className?: string; } /** * Text with a sweeping shimmer/shine animation. * * - CSS-only gradient animation (no JS frames) * - Renders static text when reduced motion is preferred or `animated={false}` * - Use inside badge containers for announcement strips * * @component * @package ui */ export declare function AnimatedShinyText({ children, speed, shimmerColor, className, surface, radius, animated, iconWeight, }: AnimatedShinyTextProps): import("react/jsx-runtime").JSX.Element;