import * as React from 'react';
import { TypographyColor, TypographyVariant } from '../Typography';
export interface IIntroProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
    /**
     * The component used for the root node.
     *
     * Either a `string` to use or a HTML element or a component.
     *
     * @default "section"
     * @optional
     * @type element
     */
    component?: React.ElementType;
    /**
     * Node or text to apply to the Detail
     */
    detail?: React.ReactNode;
    /**
     * The color of the component. It supports those theme colors that make sense for this component.
     */
    detailColor?: TypographyColor;
    /**
     * The HTML element or component used for the `IntroDetail` node.
     *
     * Either a string to use a DOM element or a component.
     */
    detailComponent?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
    /**
     * Variant of the Detail
     *
     * Defines the font size, line height, font family and font weight based on the provided theme for the Detail
     */
    detailVariant?: TypographyVariant;
    /**
     * Node or text to apply to the Title
     */
    title: React.ReactNode;
    /**
     * Color of the Title
     *
     * The color of the component. It supports those theme colors that make sense for this component.
     */
    titleColor?: TypographyColor;
    /**
     * The HTML element or component used for the IntroTitle node.
     *
     * Either a string to use a DOM element or a component.
     */
    titleComponent?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
    /**
     * Variant of the Title
     *
     * Defines the font size, line height, font family and font weight based on the provided theme for the Title
     *
     * @default "subtitle1"
     * @optional
     * @type 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'button' | 'overline'
     */
    titleVariant?: TypographyVariant;
}