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>;