import { ElementType } from 'react';
import { SlotCommonProps } from '../types/slot';
import { OverrideProps } from '@mui/types';
import { SxProps } from '../styles';
export type TypographyVariant = 'displayLarge' | 'displayMedium' | 'displaySmall' | 'headlineLarge' | 'headlineMedium' | 'headlineSmall' | 'titleLarge' | 'titleMedium' | 'titleSmall' | 'bodyLarge' | 'bodyMedium' | 'bodySmall' | 'labelLarge' | 'labelMedium' | 'labelSmall' | 'labelXsmall';
export type VariantMapping = Partial<{
    displayLarge: ElementType;
    displayMedium: ElementType;
    displaySmall: ElementType;
    headlineLarge: ElementType;
    headlineMedium: ElementType;
    headlineSmall: ElementType;
    titleLarge: ElementType;
    titleMedium: ElementType;
    titleSmall: ElementType;
    bodyLarge: ElementType;
    bodyMedium: ElementType;
    bodySmall: ElementType;
    labelLarge: ElementType;
    labelMedium: ElementType;
    labelSmall: ElementType;
    labelXsmall: ElementType;
    inherit: ElementType;
}>;
export interface TypographyTypeMap<P = object, D extends React.ElementType = 'span'> {
    props: P & {
        /**
         * The typography style to use
         * @default 'bodyMedium'
         */
        variant?: TypographyVariant | 'inherit';
        /**
         * A mapping of variants to HTML elements to use for that variant
         * @default {
         * {
         * displayLarge: 'h1',
         * displayMedium: 'h2',
         * displaySmall: 'h3',
         * headlineLarge: 'h4',
         * headlineMedium: 'h5',
         * headlineSmall: 'h6',
         * titleLarge: 'h6',
         * titleMedium: 'h6',
         * titleSmall: 'h6',
         * bodyLarge: 'p',
         * bodyMedium: 'p',
         * bodySmall: 'p',
         * labelLarge: 'span',
         * labelMedium: 'span',
         * labelSmall: 'span',
         * labelXsmall: 'span',
         * };
         * }
         */
        variantMapping?: VariantMapping;
        /**
         * Prevent the component text from wrapping to multiple lines
         */
        noWrap?: boolean;
        /**
         * If `true`, the text will have a bottom margin.
         * @default false
         */
        gutterBottom?: boolean;
        /**
         * The system prop that allows defining system overrides as well as additional CSS styles.
         */
        sx?: SxProps;
    };
    defaultComponent: D;
}
export type TypographyProps<D extends React.ElementType = TypographyTypeMap['defaultComponent'], P = SlotCommonProps> = OverrideProps<TypographyTypeMap<P, D>, D>;