import { TypographyProps } from './types';
/**
 * Typography - Text typography component with semantic variants
 *
 * A flexible typography component that provides consistent text styling across
 * the application. Supports semantic HTML variants (headings, body text, captions)
 * with customizable font weights, colors, and spacing. Automatically renders
 * appropriate HTML elements based on variant while allowing semantic override.
 *
 * @category Components
 * @subcategory Display
 *
 * @example
 * ```tsx
 * // Heading
 * <Typography variant="h1">Main Title</Typography>
 * <Typography variant="h2">Section Title</Typography>
 * ```
 *
 * @example
 * ```tsx
 * // Body text
 * <Typography variant="body1">
 *   This is regular body text
 * </Typography>
 * <Typography variant="body2" weight="bold" color="#333">
 *   This is bold, darker body text
 * </Typography>
 * ```
 *
 * @example
 * ```tsx
 * // Semantic override
 * <Typography variant="h2" as="h1">
 *   Looks like h2 but semantically is h1
 * </Typography>
 * ```
 *
 * @example
 * ```tsx
 * // With gutter for spacing
 * <Typography variant="body1" gutter>
 *   This text has bottom margin
 * </Typography>
 * ```
 *
 * @accessibility
 * - Uses semantic HTML elements by default
 * - Supports proper heading hierarchy
 * - Respects user font size preferences
 */
declare const Typography: import("react").ForwardRefExoticComponent<Omit<TypographyProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
export default Typography;
