import { TypographyProps } from './Typography.types';
/**
 * Typography component for consistent text styling across the application.
 *
 * Supports pre-defined variants with automatic styling:
 * - `heading`: Page/section titles (semibold, primary, lg)
 * - `label`: Labels and uppercase text (medium, muted, uppercase, xs)
 * - `caption`: Small helper text (muted, xs)
 * - `body`: Default paragraph text (regular, primary, sm)
 * - `error`: Error messages (error color, sm)
 *
 * Features:
 * - Size, weight, and color overrides
 * - Text truncation with automatic Tooltip
 * - Multi-line truncation support
 * - Semantic HTML elements
 *
 * @example
 * ```tsx
 * // Basic variants
 * <Typography variant="heading">Page Title</Typography>
 * <Typography variant="label">Field Label</Typography>
 * <Typography variant="caption">Helper text</Typography>
 * <Typography variant="body">Paragraph text</Typography>
 * <Typography variant="error">Error message</Typography>
 *
 * // Size and weight overrides
 * <Typography variant="heading" size="xl">Large Title</Typography>
 * <Typography variant="body" weight="semibold">Bold text</Typography>
 *
 * // Truncation with automatic tooltip
 * <Typography truncate>Very long text that will be truncated...</Typography>
 *
 * // Multi-line truncation
 * <Typography truncate lines={2}>
 *   Long text that spans multiple lines before being truncated...
 * </Typography>
 *
 * // Custom element
 * <Typography as="h1" variant="heading" size="2xl">Main Heading</Typography>
 * ```
 */
export declare const Typography: import('react').ForwardRefExoticComponent<TypographyProps & import('react').RefAttributes<HTMLElement>>;
export default Typography;
//# sourceMappingURL=Typography.d.ts.map