import React from 'react';
import { FlintTypography as FlintTypographyElement } from '@getufy/flint-ui/typography/flint-typography';
/**
 * Typography component for displaying text with consistent theme styles.
 *
 * @slot (default) - The text content.
 */
export interface FlintTypographyProps extends Omit<React.HTMLAttributes<FlintTypographyElement>, 'color'> {
    /**
     * Variant of the typography.
     * Allowed values: 'inherit' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'overline'
     */
    variant?: 'inherit' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'overline';
    /**
     * The color of the text.
     * Allowed values: 'primary' | 'success' | 'warning' | 'secondary' | 'error' | 'info' | 'textPrimary' | 'textSecondary' | 'inherit'
     */
    color?: 'primary' | 'success' | 'warning' | 'secondary' | 'error' | 'info' | 'textPrimary' | 'textSecondary' | 'inherit';
    /** Override the rendered HTML tag. */
    component?: string | undefined;
    /**
     * Text alignment.
     * Allowed values: 'left' | 'center' | 'right' | 'justify'
     */
    align?: 'left' | 'center' | 'right' | 'justify';
    /** If true, text is truncated with an ellipsis. */
    noWrap?: boolean;
    /** If true, adds a bottom margin. */
    gutterBottom?: boolean;
    /** If true, adds paragraph margin bottom. */
    paragraph?: boolean;
}
export declare const FlintTypography: React.ForwardRefExoticComponent<FlintTypographyProps & React.RefAttributes<FlintTypographyElement>>;