import { MQ, CellProps } from 'newskit';
import { ReactNode } from 'react';
export type As = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span';
export interface TitleOverrides {
    typographyPreset?: MQ<string>;
    stylePreset?: MQ<string>;
    marginBlock?: MQ<string>;
    marginBlockEnd?: MQ<string>;
    marginBlockStart?: MQ<string>;
    marginInlineEnd?: MQ<string>;
    marginInlineStart?: MQ<string>;
    paddingBlock?: MQ<string>;
    paddingInline?: MQ<string>;
    paddingInlineEnd?: MQ<string>;
    paddingInlineStart?: MQ<string>;
    paddingBlockStart?: MQ<string>;
    paddingBlockEnd?: MQ<string>;
    as?: As;
    columnsProps?: CellProps;
    textAlign?: MQ<string>;
}
export interface DescriptionOverrides {
    typographyPreset?: MQ<string>;
    stylePreset?: MQ<string>;
    marginBlockEnd?: MQ<string>;
    removeLastMarginBlockEnd?: boolean;
    columnsProps?: CellProps;
    paddingBlock?: MQ<string>;
    paddingInline?: MQ<string>;
    textAlign?: MQ<string>;
}
export interface OverlineOverrides {
    typographyPreset?: MQ<string>;
    stylePreset?: MQ<string>;
    marginBlockEnd?: MQ<string>;
    marginBlock?: MQ<string>;
    marginBlockStart?: MQ<string>;
    marginInlineEnd?: MQ<string>;
    marginInlineStart?: MQ<string>;
    paddingBlock?: MQ<string>;
    paddingInline?: MQ<string>;
    paddingInlineEnd?: MQ<string>;
    paddingInlineStart?: MQ<string>;
    paddingBlockStart?: MQ<string>;
    paddingBlockEnd?: MQ<string>;
}
export interface InnerHTML {
    typographyPreset?: MQ<string>;
    html: string;
}
export interface IntroductionProps {
    title?: string;
    titleOverrides?: TitleOverrides;
    description?: string | string[];
    descriptionAsElement?: string | React.ReactElement | ReactNode;
    descriptionOverrides?: DescriptionOverrides;
    overline?: string;
    overlineOverrides?: OverlineOverrides;
    center?: boolean;
    innerHTML?: InnerHTML;
    makeBoldTextRegEx?: string;
    makeBoldTextRegExFlags?: string;
    id?: string;
}