import { default as React, HTMLAttributes } from 'react';
import { TextAlignment, TextColor, TextKind, TextWordBreak } from '@viasat/beam-shared/components/text';
import { ThemeTypes } from '@viasat/beam-shared/utils/constants';
export interface TextProps extends HTMLAttributes {
/**
* The text content
*/
children: React.ReactNode;
/**
* Specify the theme of the Text. By default it inherits the theme from the parent
*/
theme?: ThemeTypes;
/**
* Specify if Text displays as a heading, body, detail, or label variant
* @default 'body-md'
*/
kind?: TextKind;
/**
* Specifies the color of the text
*
*/
color?: TextColor;
/**
* Specify if Text is bold. This prop only works for body `kinds`
*/
bold?: boolean;
/**
* Specifies which HTML component to wrap the text content in
*/
as?: React.ElementType;
/**
* Sets css text-align to either start, center, or end
*/
alignment?: TextAlignment;
/**
* Sets the css word-break property
*/
wordBreak?: TextWordBreak;
/**
* Truncates the text with ellipsis if it exceeds the container
*/
truncate?: boolean;
/**
* Changes the css display to block
*/
block?: boolean;
/**
* Reduces the line-height of body and label `kind` variants
*/
compact?: boolean;
/**
* Adds a strikethrough to the text
*/
strikethrough?: boolean;
/**
* Underlines the text
*/
underline?: boolean;
/**
* Italicizes the text
*/
italic?: boolean;
}
export declare const Text: React.ForwardRefExoticComponent>;