import { FC, HTMLAttributes } from 'react';
import { TextProps } from '../Text';
export declare const defaultSize: {
readonly h1: "xxxlarge";
readonly h2: "xxlarge";
readonly h3: "xlarge";
readonly h4: "large";
readonly h5: "base";
readonly h6: "small";
};
export type HeadingLevelType = keyof typeof defaultSize;
export type LevelType = 1 | 2 | 3 | 4 | 5 | 6;
export type HeadingProps = HTMLAttributes & TextProps & {
level?: LevelType;
};
/**
* ## Heading
*
* @example Pizza
* Pizza
* Pizza
* Pizza
* Pizza
* Pizza
*
* @example Pizza
* Pizza
* Pizza
* Pizza
* Pizza
* Pizza
*/
export declare const Heading: FC;
/**
* ## Heading Variants
*/
export declare const H1: import("styled-components").StyledComponent, import("styled-components").DefaultTheme, {
level: 1;
defaultChecked?: boolean | undefined;
defaultValue?: string | number | readonly string[] | undefined;
suppressContentEditableWarning?: boolean | undefined;
suppressHydrationWarning?: boolean | undefined;
accessKey?: string | undefined;
autoCapitalize?: (string & {}) | "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined;
autoFocus?: boolean | undefined;
className?: string | undefined;
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
contextMenu?: string | undefined;
dir?: string | undefined;
draggable?: (boolean | "true" | "false") | undefined;
enterKeyHint?: "done" | "search" | "enter" | "go" | "next" | "previous" | "send" | undefined;
hidden?: boolean | undefined;
id?: string | undefined;
lang?: string | undefined;
nonce?: string | undefined;
slot?: string | undefined;
spellCheck?: (boolean | "true" | "false") | undefined;
style?: import("react").CSSProperties | undefined;
tabIndex?: number | undefined;
title?: string | undefined;
translate?: "yes" | "no" | undefined;
radioGroup?: string | undefined;
role?: import("react").AriaRole | undefined;
about?: string | undefined;
content?: string | undefined;
datatype?: string | undefined;
inlist?: any;
prefix?: string | undefined;
property?: string | undefined;
rel?: string | undefined;
resource?: string | undefined;
rev?: string | undefined;
typeof?: string | undefined;
vocab?: string | undefined;
autoCorrect?: string | undefined;
autoSave?: string | undefined;
color?: "textDefault" | "background6" | undefined;
itemProp?: string | undefined;
itemScope?: boolean | undefined;
itemType?: string | undefined;
itemID?: string | undefined;
itemRef?: string | undefined;
results?: number | undefined;
security?: string | undefined;
unselectable?: "off" | "on" | undefined;
inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
is?: string | undefined;
"aria-activedescendant"?: string | undefined;
"aria-atomic"?: (boolean | "true" | "false") | undefined;
"aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
"aria-braillelabel"?: string | undefined;
"aria-brailleroledescription"?: string | undefined;
"aria-busy"?: (boolean | "true" | "false") | undefined;
"aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
"aria-colcount"?: number | undefined;
"aria-colindex"?: number | undefined;
"aria-colindextext"?: string | undefined;
"aria-colspan"?: number | undefined;
"aria-controls"?: string | undefined;
"aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
"aria-describedby"?: string | undefined;
"aria-description"?: string | undefined;
"aria-details"?: string | undefined;
"aria-disabled"?: (boolean | "true" | "false") | undefined;
"aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
"aria-errormessage"?: string | undefined;
"aria-expanded"?: (boolean | "true" | "false") | undefined;
"aria-flowto"?: string | undefined;
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
"aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
"aria-hidden"?: (boolean | "true" | "false") | undefined;
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
"aria-keyshortcuts"?: string | undefined;
"aria-label"?: string | undefined;
"aria-labelledby"?: string | undefined;
"aria-level"?: number | undefined;
"aria-live"?: "off" | "assertive" | "polite" | undefined;
"aria-modal"?: (boolean | "true" | "false") | undefined;
"aria-multiline"?: (boolean | "true" | "false") | undefined;
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
"aria-orientation"?: "horizontal" | "vertical" | undefined;
"aria-owns"?: string | undefined;
"aria-placeholder"?: string | undefined;
"aria-posinset"?: number | undefined;
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
"aria-readonly"?: (boolean | "true" | "false") | undefined;
"aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
"aria-required"?: (boolean | "true" | "false") | undefined;
"aria-roledescription"?: string | undefined;
"aria-rowcount"?: number | undefined;
"aria-rowindex"?: number | undefined;
"aria-rowindextext"?: string | undefined;
"aria-rowspan"?: number | undefined;
"aria-selected"?: (boolean | "true" | "false") | undefined;
"aria-setsize"?: number | undefined;
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
"aria-valuemax"?: number | undefined;
"aria-valuemin"?: number | undefined;
"aria-valuenow"?: number | undefined;
"aria-valuetext"?: string | undefined;
children: import("react").ReactNode;
dangerouslySetInnerHTML?: {
__html: string | TrustedHTML;
} | undefined;
onCopy?: (import("react").ClipboardEventHandler & import("react").ClipboardEventHandler) | undefined;
onCopyCapture?: (import("react").ClipboardEventHandler & import("react").ClipboardEventHandler) | undefined;
onCut?: (import("react").ClipboardEventHandler & import("react").ClipboardEventHandler) | undefined;
onCutCapture?: (import("react").ClipboardEventHandler & import("react").ClipboardEventHandler) | undefined;
onPaste?: (import("react").ClipboardEventHandler & import("react").ClipboardEventHandler) | undefined;
onPasteCapture?: (import("react").ClipboardEventHandler & import("react").ClipboardEventHandler) | undefined;
onCompositionEnd?: (import("react").CompositionEventHandler & import("react").CompositionEventHandler) | undefined;
onCompositionEndCapture?: (import("react").CompositionEventHandler & import("react").CompositionEventHandler) | undefined;
onCompositionStart?: (import("react").CompositionEventHandler & import("react").CompositionEventHandler) | undefined;
onCompositionStartCapture?: (import("react").CompositionEventHandler & import("react").CompositionEventHandler) | undefined;
onCompositionUpdate?: (import("react").CompositionEventHandler & import("react").CompositionEventHandler) | undefined;
onCompositionUpdateCapture?: (import("react").CompositionEventHandler & import("react").CompositionEventHandler) | undefined;
onFocus?: (import("react").FocusEventHandler & import("react").FocusEventHandler) | undefined;
onFocusCapture?: (import("react").FocusEventHandler & import("react").FocusEventHandler) | undefined;
onBlur?: (import("react").FocusEventHandler & import("react").FocusEventHandler) | undefined;
onBlurCapture?: (import("react").FocusEventHandler & import("react").FocusEventHandler) | undefined;
onChange?: (import("react").FormEventHandler & import("react").FormEventHandler) | undefined;
onChangeCapture?: (import("react").FormEventHandler & import("react").FormEventHandler) | undefined;
onBeforeInput?: (import("react").FormEventHandler & import("react").FormEventHandler) | undefined;
onBeforeInputCapture?: (import("react").FormEventHandler & import("react").FormEventHandler) | undefined;
onInput?: (import("react").FormEventHandler & import("react").FormEventHandler) | undefined;
onInputCapture?: (import("react").FormEventHandler & import("react").FormEventHandler) | undefined;
onReset?: (import("react").FormEventHandler & import("react").FormEventHandler) | undefined;
onResetCapture?: (import("react").FormEventHandler & import("react").FormEventHandler) | undefined;
onSubmit?: (import("react").FormEventHandler & import("react").FormEventHandler) | undefined;
onSubmitCapture?: (import("react").FormEventHandler & import("react").FormEventHandler) | undefined;
onInvalid?: (import("react").FormEventHandler & import("react").FormEventHandler) | undefined;
onInvalidCapture?: (import("react").FormEventHandler & import("react").FormEventHandler) | undefined;
onLoad?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onLoadCapture?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onError?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onErrorCapture?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onKeyDown?: (import("react").KeyboardEventHandler & import("react").KeyboardEventHandler) | undefined;
onKeyDownCapture?: (import("react").KeyboardEventHandler & import("react").KeyboardEventHandler) | undefined;
onKeyPress?: (import("react").KeyboardEventHandler & import("react").KeyboardEventHandler) | undefined;
onKeyPressCapture?: (import("react").KeyboardEventHandler & import("react").KeyboardEventHandler) | undefined;
onKeyUp?: (import("react").KeyboardEventHandler & import("react").KeyboardEventHandler) | undefined;
onKeyUpCapture?: (import("react").KeyboardEventHandler & import("react").KeyboardEventHandler) | undefined;
onAbort?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onAbortCapture?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onCanPlay?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onCanPlayCapture?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onCanPlayThrough?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onCanPlayThroughCapture?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onDurationChange?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onDurationChangeCapture?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onEmptied?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onEmptiedCapture?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onEncrypted?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onEncryptedCapture?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onEnded?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onEndedCapture?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onLoadedData?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onLoadedDataCapture?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onLoadedMetadata?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onLoadedMetadataCapture?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onLoadStart?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onLoadStartCapture?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onPause?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onPauseCapture?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onPlay?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onPlayCapture?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onPlaying?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onPlayingCapture?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onProgress?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onProgressCapture?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onRateChange?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onRateChangeCapture?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onResize?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onResizeCapture?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onSeeked?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onSeekedCapture?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onSeeking?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onSeekingCapture?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onStalled?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onStalledCapture?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onSuspend?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onSuspendCapture?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onTimeUpdate?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onTimeUpdateCapture?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onVolumeChange?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onVolumeChangeCapture?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onWaiting?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onWaitingCapture?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onAuxClick?: (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined;
onAuxClickCapture?: (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined;
onClick?: (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined;
onClickCapture?: (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined;
onContextMenu?: (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined;
onContextMenuCapture?: (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined;
onDoubleClick?: (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined;
onDoubleClickCapture?: (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined;
onDrag?: (import("react").DragEventHandler & import("react").DragEventHandler) | undefined;
onDragCapture?: (import("react").DragEventHandler & import("react").DragEventHandler) | undefined;
onDragEnd?: (import("react").DragEventHandler & import("react").DragEventHandler) | undefined;
onDragEndCapture?: (import("react").DragEventHandler & import("react").DragEventHandler) | undefined;
onDragEnter?: (import("react").DragEventHandler & import("react").DragEventHandler) | undefined;
onDragEnterCapture?: (import("react").DragEventHandler & import("react").DragEventHandler) | undefined;
onDragExit?: (import("react").DragEventHandler & import("react").DragEventHandler) | undefined;
onDragExitCapture?: (import("react").DragEventHandler & import("react").DragEventHandler) | undefined;
onDragLeave?: (import("react").DragEventHandler & import("react").DragEventHandler) | undefined;
onDragLeaveCapture?: (import("react").DragEventHandler & import("react").DragEventHandler) | undefined;
onDragOver?: (import("react").DragEventHandler & import("react").DragEventHandler) | undefined;
onDragOverCapture?: (import("react").DragEventHandler & import("react").DragEventHandler) | undefined;
onDragStart?: (import("react").DragEventHandler & import("react").DragEventHandler) | undefined;
onDragStartCapture?: (import("react").DragEventHandler & import("react").DragEventHandler) | undefined;
onDrop?: (import("react").DragEventHandler & import("react").DragEventHandler) | undefined;
onDropCapture?: (import("react").DragEventHandler & import("react").DragEventHandler) | undefined;
onMouseDown?: (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined;
onMouseDownCapture?: (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined;
onMouseEnter?: (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined;
onMouseLeave?: (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined;
onMouseMove?: (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined;
onMouseMoveCapture?: (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined;
onMouseOut?: (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined;
onMouseOutCapture?: (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined;
onMouseOver?: (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined;
onMouseOverCapture?: (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined;
onMouseUp?: (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined;
onMouseUpCapture?: (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined;
onSelect?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onSelectCapture?: (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined;
onTouchCancel?: (import("react").TouchEventHandler & import("react").TouchEventHandler) | undefined;
onTouchCancelCapture?: (import("react").TouchEventHandler & import("react").TouchEventHandler) | undefined;
onTouchEnd?: (import("react").TouchEventHandler & import("react").TouchEventHandler) | undefined;
onTouchEndCapture?: (import("react").TouchEventHandler & import("react").TouchEventHandler